DevTools のヒント: ウェブサイトのパフォーマンスに関する実用的な分析情報を取得する

Sofia Emelianova
Sofia Emelianova

DevTools の新しい [パフォーマンス分析情報] パネルは、ウェブサイトのパフォーマンスを分析する際の問題点に対処するテスト機能です。

新しい [パフォーマンス分析情報] パネルでは、次のことを行います。

  • パフォーマンス データを合理化し、3 つの主要指標である Core Web Vitals に焦点を当てています。
  • ユースケース主導の分析をサポートします。
  • 問題を特定し、行動につながるインサイトを提案します。
  • ブラウザに関する深い専門知識がなくても使用できます。

[パフォーマンス分析情報] パネルを使用すると、次の 3 つのステップでウェブサイトのパフォーマンスを向上させることができます。

  1. パフォーマンスを記録する。
  2. 簡単な概要を把握します。
  3. パフォーマンスの問題を一目で特定し、修正方法に関する実用的な分析情報のリストを取得します。

パフォーマンスを記録する方法、概要を操作する方法、分析情報を取得する方法については、上の動画をご覧ください。

3 つの主な指標については、ウェブに関する主な指標をご覧ください。

より実践的な学習をするには、ウェブサイトのパフォーマンスに関する実用的な分析情報を取得するのチュートリアルに従ってください。