DevTools でパフォーマンス トレースを記録して分析する

パフォーマンスの問題を診断するには、DevTools の [パフォーマンス] パネルを使用します。トレースを記録することで、ウェブサイトの読み込みプロセスとランタイム動作を詳しく把握し、ボトルネックや最適化の余地がある部分を特定できます。

動画で次の方法を学びます。

  • パフォーマンス トレースを記録して Core Web Vitals の問題を調査する方法。
  • パフォーマンス トレース内の一部に移動してズームインします。
  • ネットワーク アクティビティを分析する。
  • 分析情報サイドバーを使用して、トレースの中で最も関連性の高い部分に注目します。
  • アノテーションを使用して、他のデベロッパーと連携してパフォーマンスの問題を修正します。

詳しくは以下をご覧ください。