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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Yosuke Furukawa
PRO
June 28, 2018
Programming
260
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
lighthouse metricsについて
laco_sushiで発表したlighthouseのメトリクスについての話です。
Yosuke Furukawa
PRO
June 28, 2018
More Decks by Yosuke Furukawa
See All by Yosuke Furukawa
デザインシステムが必須の時代に
yosuke_furukawa
PRO
2
230
Node.js, Deno, Bun 最新動向とその所感について
yosuke_furukawa
PRO
10
5.2k
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
1
4.7k
tc39 x jsconf.jp Panel Discussion 2024
yosuke_furukawa
PRO
0
340
Removing Corepack
yosuke_furukawa
PRO
9
2k
JavaScript Runtime とはなにか
yosuke_furukawa
PRO
15
3.1k
Strip Types と Storage
yosuke_furukawa
PRO
4
510
Module Harmony について
yosuke_furukawa
PRO
4
1.9k
LTのやり方
yosuke_furukawa
PRO
16
3k
Other Decks in Programming
See All in Programming
Observability in Practice:Grafana 與 Edge Device SRE 的那些事
blueswen
0
170
さぁV100、メモリをお食べ・・・
nilpe
0
150
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
160
エンジニアと一緒にテストコードの設計と実装を改善した話
mototakatsu
0
210
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
720
技術記事、 専門家としてのプログラマ、 言語化
mizchi
13
6.3k
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
licux
6
370
ローカルLLMでどこまでコードが書けるか -拡張版 / How much code can be written on a local LLM Extended
kishida
11
4.3k
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
410
Vite+ Unified Toolchain for the Web
naokihaba
0
320
PHPで使える日時の表現と、その知り方 #frontend_phpcon_do
o0h
PRO
0
260
Performance Engineering for Everyone
elenatanasoiu
0
190
Featured
See All Featured
Paper Plane
katiecoart
PRO
1
51k
What does AI have to do with Human Rights?
axbom
PRO
1
2.2k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Typedesign – Prime Four
hannesfritz
42
3.1k
Become a Pro
speakerdeck
PRO
31
6k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.1k
Chasing Engaging Ingredients in Design
codingconduct
0
220
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
New Earth Scene 8
popppiees
3
2.3k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
440
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.8k
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ࢦͦ͏ͳ
Β͜Β͓݁ࠗ͜ΊͰͱ͏