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
120
20200721_web_vitals.pdf
ozaki25
July 21, 2020
Tweet
Share
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
200
20210525_react_next.pdf
ozaki25
0
150
Webフロントエンドはなぜ複雑なのか
ozaki25
1
140
utility first css
ozaki25
0
110
20201225_how_to_learn_technology.pdf
ozaki25
0
170
20201124_blitz.pdf
ozaki25
0
100
20200727_liff_app.pdf
ozaki25
1
660
20200624_web_otp_api.pdf
ozaki25
1
140
20200128_sentry.pdf
ozaki25
0
120
Other Decks in Technology
See All in Technology
Tebiki Engineering Team Deck
tebiki
0
24k
コミュニティが変えるキャリアの地平線:コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
kentosuzuki
0
120
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
250
ランサムウェア対策としてのpnpm導入のススメ
ishikawa_satoru
0
170
Ruby版 JSXのRuxが気になる
sansantech
PRO
0
160
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
15
93k
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
maaaato
0
130
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
660
Claude_CodeでSEOを最適化する_AI_Ops_Community_Vol.2__マーケティングx_AIはここまで進化した.pdf
riku_423
2
590
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
380
配列に見る bash と zsh の違い
kazzpapa3
3
160
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
170
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Exploring anti-patterns in Rails
aemeredith
2
250
Ten Tips & Tricks for a 🌱 transition
stuffmc
0
69
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
Side Projects
sachag
455
43k
Mind Mapping
helmedeiros
PRO
0
88
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Designing Powerful Visuals for Engaging Learning
tmiket
0
240
HDC tutorial
michielstock
1
380
Documentation Writing (for coders)
carmenintech
77
5.3k
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ɾɾίϯςϯπಈ͔ͳ͍ํ͕͍͍
͋Γ͕ͱ͏͍͟͝·ͨ͠