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
lighthouse metricsについて
Search
Yosuke Furukawa
PRO
June 28, 2018
Programming
0
250
lighthouse metricsについて
laco_sushiで発表したlighthouseのメトリクスについての話です。
Yosuke Furukawa
PRO
June 28, 2018
Tweet
Share
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
150
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
4.4k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.3k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
270
Removing Corepack
yosuke_furukawa
PRO
9
1.7k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.9k
Strip Types と Storage
yosuke_furukawa
PRO
4
430
Module Harmony について
yosuke_furukawa
PRO
3
1.8k
LTのやり方
yosuke_furukawa
PRO
16
2.7k
Other Decks in Programming
See All in Programming
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
24
12k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
210
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
5
1.7k
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
490
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
640
dynamic!
moro
10
7.2k
CSC509 Lecture 03
javiergs
PRO
0
330
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
230
どの様にAIエージェントと 協業すべきだったのか?
takefumiyoshii
2
640
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
410
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
660
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
350
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
How STYLIGHT went responsive
nonsquared
100
5.8k
Raft: Consensus for Rubyists
vanstee
139
7.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Statistics for Hackers
jakevdp
799
220k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Thoughts on Productivity
jonyablonski
70
4.9k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
Lighthouse metrics ௐͨ 2018/06/28 @ laco_sushi
Twitter: @yosuke_furukawa Github: yosuke-furukawa
͜ΜʹͪFMPܳਓͰ͢
FMP, FCP, FCI, TTIͱ͔ݴͬͯ Δ͚ͲɺlighthouseͲ͏ͬ ͯଌͬͯΔΜʁʁʁʁ
͋Εɺ͘͠ͳ͍ʁ
ௐͨ
None
FMP • ࣮͘͢͝ώϡʔϦεςΟοΫʹௐࠪͨ݁͠ Ռͷ۪ͳํ๏ͰௐͯΔ • Page ͷϨΠϠΛΧϯτͯ͠ᮢΛ͑ͨΒ • Page ͷ͞ΛௐͯͲ͜·Ͱ͍͔
• WebFonts͕ϩʔυࡁΈ͔
FMP • ࣮͘͢͝ώϡʔϦεςΟοΫʹௐࠪͨ݁͠Ռͷ۪ͳํ ๏ͰௐͯΔ • Page ͷϨΠϠΛΧϯτͯ͠ᮢΛ͑ͨΒ • Page ͷ͞ΛௐͯͲ͜·Ͱ͍͔
• WebFonts͕ϩʔυࡁΈ͔ •
TTI • ಉ༷ʹ۪ • FMP͕ܾ·ͬͨΒ͔ͦ͜Β5secؒৄࡉௐࠪ • ͦΕ͕ࡁΉͱ1sec͝ͱʹLongTask͕ͳ͍͔ௐࠪ • LongTask(50msҎ্ͷtask)͕ΕͨΒͦͷλΠ ϛϯά͕TTI
TTI
ͭ·Γ
pageͯ͘DOMෳࡶʹ͠ ͯɺwebfontΘͳ͚Ε FMPὃͤΔ
5secԿ͠ͳ͚ΕTTIὃ ͤΔ
ͦΕʹҙຯͳ͍͚Ͳɻɻɻ
100ࢦͦ͏ͳ
Β͜Β͓݁ࠗ͜ΊͰͱ͏