首页  >  新闻动态  > 网站知识 > 模板修改

浏览器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
/Pics/2023/4/c20230406b44d513c3af24cf899d76f600050de8d.jpg
香港最快最准资料提供用户体验更佳的国内Cms软件
香港最快最准资料