コアWeb Vitalsの一つLCPを改善したい
対応策としては調査済みで、
改善方法
だいたいのことはやったが最大画像サイズが推奨最大サイズの約144KBを超えてしまうのでそこをなんとかしたい
そこで、ビジネスサイドと交渉し、その画像にBlur(ぼかし効果)をかけてみることになった
Blurでどれくらいファイルサイズが落ちるのか検証したところ、これくらいのぼかし具合で 298kB → 87.2kB まで小さくなった
実際にはこれにテキストが入るので、背景画像が多少ぼかしていても問題ないと判断し採用された
画像はCloudinaryを使っていたので、,e_blur:300
というのをURLに含めるだけで実現する
ビジネス側とうまく交渉できればお手軽にLCPは改善するかもしれない