Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
20200721_web_vitals.pdf
Search
ozaki25
July 21, 2020
Technology
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20200721_web_vitals.pdf
ozaki25
July 21, 2020
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
210
20210525_react_next.pdf
ozaki25
0
160
Webフロントエンドはなぜ複雑なのか
ozaki25
1
150
utility first css
ozaki25
0
120
20201225_how_to_learn_technology.pdf
ozaki25
0
190
20201124_blitz.pdf
ozaki25
0
110
20200727_liff_app.pdf
ozaki25
1
690
20200624_web_otp_api.pdf
ozaki25
1
150
20200128_sentry.pdf
ozaki25
0
130
Other Decks in Technology
See All in Technology
AI時代のPRレビューにどう向き合うか?
kairim0
1
160
Cognition AI Japan - ウェビナー2_テストQA_運用監視
cogakira
0
130
FOSS4Gを活用した自治体業務DXの試み
470715
0
150
ブラウザとサーバーから考えるAI時代のフロントエンド監視
shogo4131
3
760
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.7k
Deep Data Security 機能解説
oracle4engineer
PRO
2
770
AIがコードを書く時代に、エンジニアは何で自分の価値を証明するのか / In an era where AI writes code how do engineers prove their value
carta_engineering
1
790
AI時代に必要な脅威モデリング― 変化の速度に負けない理解とリスク判断
masakane55
5
1.3k
SREでアラート疲れを 解決しよう!
kairim0
1
220
Essential architectural thinking (revised edition)
ufried
0
110
事業活動を AI Ready にする攻めと守りのデータエンジニアリング / data-engineering-for-ai-ready-business
pei0804
7
2.5k
無理せず続ける、子育てエンジニアの学び
codmoninc
PRO
0
650
Featured
See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
430
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
920
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
A designer walks into a library…
pauljervisheath
211
25k
Docker and Python
trallard
47
4.2k
Done Done
chrislema
187
17k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
980
Building AI with AI
inesmontani
PRO
1
1.3k
Rails Girls Zürich Keynote
gr2m
96
14k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Git: the NoSQL Database
bkeepers
PRO
433
67k
Designing Experiences People Love
moore
143
24k
Transcript
$PSF8FC7JUBMT
ࠓͷΰʔϧ w $PSF8FC7JUBMTͱԿͳͷ͔Δ w $PSF8FC7JUBMTͷͭͷࢦඪΛΔ
ࠓͷ༰ w ҎԼͷใΛ·ͱΊ͚ͨͩͰ͢ʢ࣌ؒͳ͔ͬͨɾɾʣ w (PPHMF%FWFMPQFST+BQBO8FC7JUBMTͷ֓ཁαΠτͷ݈શ ੑΛࣔ͢ॏཁࢦඪ w IUUQTEFWFMPQFSTKQHPPHMFCMPHDPNXFCWJUBMTIUNM w 18"/JHIUWPMʙύϑΥʔϚϯεʙʢ8FC7JUBMTʹ͍ͭ
ͯCZ࣡ށ͞Μ!(PPHMFʣ w IUUQTQXBOJHIUDPOOQBTTDPNFWFOU
$PSF8FC7JUBMTͱ w (PPHMF͕ఏএ͢ΔύϑΥʔϚϯεࢦඪ w ʹൃද͞Εͨ
$PSF8FC7JUBMTͱ w ࠓ·Ͱࢦඪ͕ͳ͔ͬͨͷ͔ʁ w ैདྷผͷࢦඪ͕͋ͬͨ
$PSF8FC7JUBMTͱ w Ҏલࢲհͨ͜͠ΜͳˣͭͰ͢
$PSF8FC7JUBMTͱ w ͳͥมΘͬͨͷ͔ w ΑΓϢʔβମݧʹدΓఴͬͨࢦඪͱ͢ΔͨΊʹݟ͞Εͨ ΑΓΑ͍ࢦඪͱ͢ΔͨΊຖݟ͠༧ఆͱͷ͜ͱ
$PSF8FC7JUBMTͱ w $PSF8FC7JUBMTͱ w Ϣʔβʔମݧͷ࣭Λଌఆ͢ΔͨΊͷύϑΥʔϚϯεࢦඪ
$PSF8FC7JUBMTͷͭͷࢦඪ w $PSF8FC7JUBMTʹͭͷࢦඪ͕͋Γ·͢ w ᶃಡΈࠐΈ࣌ؒɺᶄΠϯλϥΫςΟϒੑɺᶅࢹ֮తͳ҆ఆੑ https://developers-jp.googleblog.com/2020/05/web-vitals.html
$PSF8FC7JUBMTͷͭͷࢦඪ w ᶃಡΈࠐΈ࣌ؒ w -$1ʢ-BSHFTU$POUFOUGVM1BJOUʣ w ओཁͳίϯςϯπ͕ಡΈࠐ·ΕͨλΠϛϯάͷ͜ͱ w ϩʔυ։࢝ʙ-$1͕ඵҎͰ͋Δ͜ͱ͕҆ w
ϖʔδ͕දࣔ͞ΕΔ·Ͱͷ͕͍࣌ؒͱͬͯΒΕͳ͍ΑͶͬ ͍ͯ͏ࢦඪ
$PSF8FC7JUBMTͷͭͷࢦඪ w ᶄΠϯλϥΫςΟϒੑ w '*%ʢ'JSTU*OQVU%FMBZʣ w ೖྗՄೳʹͳΔ·Ͱͷͪ࣌ؒͷ͜ͱ w ϛϦඵҎͰ͋Δ͜ͱ͕҆ w
ϖʔδ͕ݟ͑ͯΔͷʹೖྗͰ͖ͳ͍ͱΠϥΠϥͪ͠Ό͏ΑͶͬ ͍ͯ͏ࢦඪ
$PSF8FC7JUBMTͷͭͷࢦඪ w ᶅࢹ֮తͳ҆ఆੑ w $-4ʢ$VNVMBUJWF-BZPVU4IJGUʣ w ίϯςϯπ͕ͲΕ΄Ͳ҆ఆ͍ͯ͠Δ͔ ಈ͔ͳ͍͔ Λࣔ͢ࢦඪ w
ҎͰ͋Δ͜ͱ͕҆ʢಠࣗʹࢉग़ͨ͠ ʣ w දࣔ͞Εͨίϯςϯπ͕ΧΫϯͱಈ͖ճΔͱΠϥΠϥ͢ΔΑͶ ͍ͬͯ͏ࢦඪ
σϞ w ᶄΠϯλϥΫςΟϒੑ w දࣔ͞ΕͯΔͷʹதʑԡͤͳ͍Ϙλϯ w ᶅࢹ֮తͳ҆ఆੑ w ͍ͭͷϦϯΫΛԡͨͯͪ͘͠ߏ͑ͯͨΒ ΧΫϯͱͣΕͯࠂʹΞΫηε
·ͱΊ w $PSF8FC7JUBMTͱԿͳͷ͔Δ w Ϣʔβʔମݧͷ࣭Λଌఆ͢ΔͨΊͷύϑΥʔϚϯεࢦඪ w $PSF8FC7JUBMTͷͭͷࢦඪΛΔ w ᶃಡΈࠐΈ࣌ؒɿ-$1ɾɾϩʔυ͍ํ͕͍͍ w
ᶄΠϯλϥΫςΟϒੑɿ'*%ɾɾݟ͔͑ͯΒೖྗͰ͖Δ·Ͱ͍ํ͕͍͍ w ᶅࢹ֮తͳ҆ఆੑɿ$-4ɾɾίϯςϯπಈ͔ͳ͍ํ͕͍͍
͋Γ͕ͱ͏͍͟͝·ͨ͠