Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20200721_web_vitals.pdf
Search
ozaki25
July 21, 2020
Technology
0
96
20200721_web_vitals.pdf
ozaki25
July 21, 2020
Tweet
Share
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
160
20210525_react_next.pdf
ozaki25
0
120
Webフロントエンドはなぜ複雑なのか
ozaki25
1
120
utility first css
ozaki25
0
85
20201225_how_to_learn_technology.pdf
ozaki25
0
150
20201124_blitz.pdf
ozaki25
0
80
20200727_liff_app.pdf
ozaki25
1
630
20200624_web_otp_api.pdf
ozaki25
1
120
20200128_sentry.pdf
ozaki25
0
97
Other Decks in Technology
See All in Technology
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
140
急成長を支える基盤作り〜地道な改善からコツコツと〜 #cre_meetup
stefafafan
0
150
GitHub Copilot の概要
tomokusaba
1
150
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
240
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
240
WordPressから ヘッドレスCMSへ! Storyblokへの移行プロセス
nyata
0
330
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
5
590
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
Node-RED × MCP 勉強会 vol.1
1ftseabass
PRO
0
180
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
本が全く読めなかった過去の自分へ
genshun9
0
710
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
0
860
Featured
See All Featured
Faster Mobile Websites
deanohume
307
31k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Practical Orchestrator
shlominoach
188
11k
Site-Speed That Sticks
csswizardry
10
670
Thoughts on Productivity
jonyablonski
69
4.7k
The Invisible Side of Design
smashingmag
300
51k
A better future with KSS
kneath
239
17k
Become a Pro
speakerdeck
PRO
28
5.4k
For a Future-Friendly Web
brad_frost
179
9.8k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Into the Great Unknown - MozCon
thekraken
39
1.9k
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ɾɾίϯςϯπಈ͔ͳ͍ํ͕͍͍
͋Γ͕ͱ͏͍͟͝·ͨ͠