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

Sofia Emelianova
Sofia Emelianova

DevTools の新しい [パフォーマンス分析情報] パネルは、ウェブサイトのパフォーマンスを分析する際の課題に対処するための試験運用版です。

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

  • パフォーマンス データを効率化し、3 つの主要指標(Core Web Vitals)に焦点を当てます。
  • ユースケース ドリブンの分析をサポートします。
  • 問題を特定し、実用的な分析情報を提案します。
  • 使用に際して高度なブラウザの専門知識は必要ありません。

[パフォーマンス分析] パネルでは、次の 3 つのステップでウェブサイトのパフォーマンスを高めることができます。

  1. パフォーマンスを記録します。
  2. わかりやすい概要を把握する。
  3. パフォーマンスの問題を一目で特定し、問題の解決方法に関する実用的な分析情報を一覧表示できます。

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

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

実践的な学習を希望される場合は、ウェブサイトのパフォーマンスに関する実用的な分析情報を入手するチュートリアルをご覧ください。