webpとloading=”lazy”の併用

「当たり前だろ」って思われるかもしれませんが。。。

こういう風に書けばwebpとloading=”lazy”は併用できる。

WebPの画像の方もちゃんと遅延読み込みしてくれる。

<picture>
  <source type="image/webp" srcset="test.webp">
  <img src="test.jpg" loading="lazy">
</picture>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA