imgタグの「width/height属性」で元画像のサイズを正しく指定しておこう
HTMLのimgタグに書くwidth/height属性の役割が進化!!
コアウェブバイタル改善にはメリットしかない。離脱率24%減・トップニュース表示は魅力的【SEO情報まとめ】[海外SEO情報ブログ]
●画像の読み込み中でも表示予定の領域を確保しておきズレが発生しないようにする仕様
●JavaScriptなどは一切使わず、HTMLやCSSをブラウザがどう解釈するかの話
●imgタグの書き方は今までと変わらない(特に新しい属性が追加されたわけではない)
●width/height属性で元画像のサイズを正しく指定しておく
●表示サイズはCSSのwidth/heightプロパティで指定する
●これでレスポンシブ画像でも読み込み中に表示予定の領域を確保できる
SEOコンサルタントのまとめ
width/height属性ってわざわざ書く必要ないな、と思っていましたが、「元画像のサイズを正しく指定しておく」ことは意味のある事のようです。
詳細はこちら
↓