表示サイズに合った解像度と圧縮率を選び、幅と高さを指定します。初期表示の範囲外にある画像は遅延読み込みにできますが、最初に表示する主要画像、特にLCP画像には使わないようにします。変更の効果は実際の読み込み性能で確認します。
altテキストは画像の用途と文脈を説明し、キーワードの羅列を避けます。主要ブラウザーの現行版はWebPとAVIFをサポートしています。画質、ファイルサイズ、対象ブラウザーを比較し、必要に応じてpicture要素で代替形式を用意します。形式を変えるだけで検索への表示やLCPの改善が保証されるわけではありません。
