LCPだけでは画像最適化に不向き、新しい指標が必要な理由

圧縮率だけで選んだら AVIFかJPEG XLの圧倒的な勝ちになる AVIF はプログレッシブレンダリング対応しておらず、 画像が100%ダウンロードされた後にポン！と表示されるので、UXが悪化する JPEG XLは理想ですが、まだ対応ブラウザがありません[3:1] WebP2は 開発中[4:1] この問題が分かる次の39秒動画をご覧ください LCPの解決編: 新しい指標 🚀 現在、Core Web VitalsのLCPは描画が終わったタイミングしか計ってないので、 LCP上 AVIFやWebPが素晴らしいスコアになるが、UX観点だと宜しくない体験になります。 この指標は早めに定義をし直さないと、現行のLCPが広まった後だと業界全体の取り返しがつかない可能性があるので、新しい指標を定義し、W3CのWICGにプロポーザルを3つ提出しました 💪 その中身を翻訳・解説します。 （日本語ネイテ

[asiamoth]

「指標のための指標」の話に終始している感はあるが、おかげで”LQIP、SQIP、BlurHash”という解決策を知れた。とくにBlurHash https://blurha.sh/ はシンプルかつ効率的で良さそう。

[Nodaguti]

現 LCP は画像のプログレッシブレンダリングが考慮されていないという話。画像フォーマットと指標の両面で改善されることが期待される。