- LCP
- INP
- CLS
- まず画像です。新しい形式と適切なサイズを使い、下のほうの画像は後から読み込みます。
- ページに不要なスクリプトを削除し、残りはコンテンツの後に読み込みます。
- 画像や埋め込みの領域を確保し、読み込み中に表示がずれないようにします。
- 再度スキャンしてテストの変化を確認します。実際の訪問者データは直近28日分なので、変化はゆっくりです。
例
ガイドを読むセキュリティヘッダーを追加する<img src="photo.webp" width="800" height="600" loading="lazy" alt="...">
<script src="widget.js" defer></script>