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
110
20200721_web_vitals.pdf
ozaki25
July 21, 2020
Tweet
Share
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
190
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
650
20200624_web_otp_api.pdf
ozaki25
1
140
20200128_sentry.pdf
ozaki25
0
120
Other Decks in Technology
See All in Technology
Claude Codeを使った情報整理術
knishioka
20
12k
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
kamitokusari
0
290
Authlete で実装する MCP OAuth 認可サーバー #CIMD の実装を添えて
watahani
0
400
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.6k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
4
21k
Introduction to Bill One Development Engineer
sansan33
PRO
0
340
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
sonjin
0
340
田舎で20年スクラム(後編):一個人が企業で長期戦アジャイルに挑む意味
chinmo
1
1.1k
Master Dataグループ紹介資料
sansan33
PRO
1
4.2k
Keynoteから見るAWSの頭の中
nrinetcom
PRO
1
160
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
820
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
kyonmm
PRO
3
680
Featured
See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
200
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
180
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
410
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
1
100
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
We Have a Design System, Now What?
morganepeng
54
8k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
360
エンジニアに許された特別な時間の終わり
watany
106
220k
New Earth Scene 8
popppiees
0
1.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ɾɾίϯςϯπಈ͔ͳ͍ํ͕͍͍
͋Γ͕ͱ͏͍͟͝·ͨ͠