Web Performance: From Slow Pages to Lighthouse 100s
ウェブパフォーマンスは、コンバージョンするサイトと放棄されるサイトの違いです。レンダリング遅延のミリ秒単位の差は、直接的にバウンスレート、Core Web Vitalsスコア、検索ランキングに影響します。このトラックは最適化の全体像を網羅します。Lighthouse監査とCore Web Vitalsから、JavaScript実行、サーバー側チューニング、リアルユーザー監視まで — ブラウザとGoogleが実際に測定するツールに基づいています。
What You Will Learn
Lighthouse監査を実行して解釈する方法、画像、メディア、CSS、フォントを最適化してペイロードサイズを削減する方法、クリティカルレンダリングパスの仕組みと中断ポイントを理解する方法を学びます。Core Web Vitals（LCP、CLS、INP）を通じてユーザー体験を測定し、パフォーマンスバジェットを設定・実行し、HTTPキャッシングとネットワークレベルの戦略を実装し、レイアウトスラッシングと長時間タスクを回避してより高速なJavaScriptを記述し、サーバー側のレスポンスタイムをチューニングし、本番トラフィックをReal User Monitoring（RUM）で計測し、合成テストと並行させます。
The Learning Path
12のコースがA1からC1までにわたります。このトラックはコアコンセプトと最初のLighthouse解説で始まり、画像とメディア最適化、CSSとフォント戦略、B1レベルのCore Web Vitalsを通じて進みます。B2コースはクリティカルレンダリングパス、高度なLighthouse カスタマイズ、ネットワークキャッシング、パフォーマンスバジェットをカバーします。最終的なC1コース — JavaScript Performance Best Practices、Server-Side Performance & Backend Optimization、Real User Monitoring（RUM）& Synthetic Monitoring — は単一の監査では明らかにならないプロダクショングレードの課題に対応します。
How It Works
各コースは短いハンズオンレッスンに分かれており、ビルトインエディタで、リアルタイムフィードバックと詰まったときに利用できるAIチューターとともに完了します。コンセプトはブラウザツーリングとLighthouse メトリクスに結びついた演習を通じて即座に強化されるため、各セッションを終えるときには、単なるノートではなく測定可能な何かを得ています。
