gazou-compressor.jp

CWV最適化(LCP/CLS/INP×画像)

画像だけでCore Web Vitalsを安定させる設計と実装。表示幅・srcset/sizes・寸法指定・優先度・Q値/サブサンプリングの落とし所を解説。

代表ツール

厳選記事

よくある質問

CLSのゼロ化はどうやる?
imgにwidth/height(またはCSSのaspect-ratio)を必ず指定します。ヒーローはeager、fold下はlazyが基本。
LCPを短縮するには?
ヒーローの解像度/形式を見直し、優先ロード(preload/priority)とsrcsetの設計を最適化します。
CWV最適化(LCP/CLS/INP×画像) — ハブ — gazou-compressor.jp