サイズのない画像のレイアウトシフトについては Google Chrome のエンジニアリングマネージャー Addy Osmani さんのツイート動画が分かりやすいです。
Tip: Set width & height on your <img> elements. This now allows modern browsers to infer their intrinsic size pre-download, reducing layout shifts. pic.twitter.com/yhsIftiJzR
しかし、Core Web Vitals の改善は UX の改善と直結すると思うので、やって損はない施策だと考えます。
サイトの重要指標であるCore Web Vitals についてまとめた記事をシリーズとして集めてみました。Core Web Vitals の内容をもっと知りたい方、実践での考え方を模索している方、ウェブの優れたUX(ユーザーエクスペリエンス)を実現するための指標に興味のある方などにおすすめの内容です。
Gaji-Labo は SSR / SSG / SPA 開発実績があります
SSR / SSG / SPA の開発実績があるフロントエンド開発の専門家が御社の開発チームに入ることで、バックエンドも含めた全体の開発効率が上がります。「フロントエンドの人手が足りず信頼できるエンジニアを探している」「フロントエンド構築をどうしたらいいか分からない」「手を付けてみたけどいまいち上手くいかない」などのお困りごとがあればまずは一度お気軽に Gaji-Labo にご相談ください。