浏览器img图片原生懒加载loading="lazy"浏览器支持情况
浏览器img图片原生懒加载loading="lazy"浏览器支持情况
HTML元素<img>延迟加载属性 —— loading属性值lazy允许浏览器选择性加载IMG元素,根据用户滚动操作至其元素附近执行加载,一定程度起到节流的作用。
loading="lazy"
如:<img src="deathghost.jpg" loading="lazy" alt="香港最快最准资料" />
loading="lazy"
loading="eager"
lazy 懒加载,即:延迟获取资源。
eager 立即加载,即:默认状态。
Lazy loading via attribute for images & iframes (图像和iframe的Lazy loading属性)
具体浏览器支持可以参考caniuse查询,此属性也可以应用在<iframe>标签上
The loading attribute on images & iframes gives authors control over when the browser should start loading the resource.(images和iframes上的loading属性使作者可以控制浏览器何时开始加载资源。)
chrome 76以上版本浏览器支持
原文:https://caniuse.com/loading-lazy-attr
相关文章
lazy
loading