元の記事 · 公開日不明(一覧ページのため取り込み日を記載)

要約

DevTools の[パフォーマンス]パネルと Lighthouse の両方で使える「パフォーマンス分析情報(Performance insights)」の一覧ページ。ページの改善点を検出する個別の分析項目がまとめられている。

新機能・主な変更

提供されている分析項目

  • 文字エンコードの宣言漏れ・宣言の遅延の検出
  • font-display によるカスタムフォント読み込み中のテキスト表示評価
  • 強制リフローが発生している箇所の特定
  • AVIF・WebP など最新形式の利用や適切なサイズ設定による画像配信の改善提案
  • INP・LCP をサブパート単位に分解して改善機会を特定
  • レイアウトシフトの原因となる DOM 要素の特定
  • 最新ブラウザでは不要な「従来の JavaScript」の検出
  • HTTP/2・HTTP/3 など最新の通信プロトコルの利用チェック
  • DOM サイズの最適化提案
  • ページに読み込まれるサードパーティリソースの一覧表示

破壊的変更・移行手順

なし

関連

なし