2023年3月5日日曜日

ChromeとFirefoxは画像の遅延読み込みをサポート(Aug 16, 2019)

*現行では殆どのブラウザで loading 属性がサポートされています
<img>: 画像埋め込み要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/img#Browser_compatibility

使用例

<img src="image.jpg" alt="..." loading="lazy" />
<iframe src="video-player.html" title="..." loading="lazy"></iframe>

loading="lazy" を追加します
*<iframe loading="lazy"> は現在非推奨です
via
Lazy loading images
https://web.dev/lazy-loading-images/
(Aug 16, 2019 — Updated Aug 11, 2022)
これって<iframe>だけなのかな
よくわからんのでまだ様子見か

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."