为网页图片加上loading=”lazy”延迟加载资源

2021-12-03 0 921

HTML 元素延迟加载属性——loading 属性的值 lazy 允许浏览器选择性加载 IMG 元素,并根据用户的滚动操作,在其元素附近进行加载,在一定程度上起到节流作用。

为网页图片加上loading=”lazy”延迟加载资源

那么,问题来了,哪些场景服务需要使用惰性图像加载技术呢?

答:当前页面图片元素太多,避免不必要的流量浪费;如果不需要加载大量图片,就不要使用,会影响用户体验~

用法:

<img src="load.jpg" loading="lazy" alt="汇站网" />

你没有弄错。与普通的 img 标签相比,只有 loading =“lazy”的属性,就这么简单。是我们今天想知道的主角。

可选值

loading="lazy"
loading="eager"

lazy 懒加载,即:延迟获取资源。

eager 立即加载,即:缺省值,你不加这个 loading 属性,它默认就是这个。

本文章已结束,如转载请注明:汇站网 » 为网页图片加上 loading=”lazy”延迟加载资源

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

为您解决烦忧 - 24小时在线 专业服务