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
130
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
4.2k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.2k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
260
Removing Corepack
yosuke_furukawa
PRO
9
1.7k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
2.8k
Strip Types と Storage
yosuke_furukawa
PRO
4
420
Module Harmony について
yosuke_furukawa
PRO
3
1.7k
LTのやり方
yosuke_furukawa
PRO
16
2.7k
Other Decks in Programming
See All in Programming
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
temoki
0
270
TDD 実践ミニトーク
contour_gara
1
290
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
410
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
3
290
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
490
CloudflareのChat Agent Starter Kitで簡単!AIチャットボット構築
syumai
2
470
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
1
180
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
320
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
490
Design Foundational Data Engineering Observability
sucitw
3
190
旅行プランAIエージェント開発の裏側
ippo012
2
890
Featured
See All Featured
Making Projects Easy
brettharned
117
6.4k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Documentation Writing (for coders)
carmenintech
74
5k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.7k
GitHub's CSS Performance
jonrohan
1032
460k
Why Our Code Smells
bkeepers
PRO
339
57k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
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ࢦͦ͏ͳ
Β͜Β͓݁ࠗ͜ΊͰͱ͏