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
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
110
AWS Summit Japan 2025 Community Stage - App workflow automation by AWS Step Functions
matsuihidetoshi
1
260
Snowflake Summit 2025全体振り返り / Snowflake Summit 2025 Overall Review
mtpooh
2
400
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
340
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
180
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
380
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
3
120
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
14
5.1k
2年でここまで成長!AWSで育てたAI Slack botの軌跡
iwamot
PRO
4
700
Observability infrastructure behind the trillion-messages scale Kafka platform
lycorptech_jp
PRO
0
140
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.2k
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
290
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Done Done
chrislema
184
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
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ɾɾίϯςϯπಈ͔ͳ͍ํ͕͍͍
͋Γ͕ͱ͏͍͟͝·ͨ͠