Lazy loading,又称懒加载或者延迟加载,通过将资源标识为非首先加载,从而在需要的时候再加载,以此提高网页浏览体验。

举个简单的例子,在有多个图片的页面,比如煎蛋无聊图,打开页面的时候会同时加载所有的图片,对带宽和服务器要求很高。降低负载的方法是只加载用户能看到的图片,如果用户下滑页面,再加载需要的图片。

【VPS全科网vpsqk.com】此前大多是使用js实现这个功能。在FireFox 75 (2020年4月7日)和Chrome 76 (2019年8月1日)的更新中,支持了懒加载的相关功能,只需要修改loading属性就可以了。

例子:
 元素上的 loading 属性可用于指示浏览器推迟加载屏幕外的图像,直到用户滚动到其附近。

<img src="image.jpg" alt="..." loading="lazy" />
评论专区
  • 昵 称必填
  • 邮 箱必填
  • 网 址选填
◎已有 0 人评论
作者介绍
吕布

吕布

负责所有栏目的编辑工作。
80vps henghost
budgetvm sugarhosts

分享:

支付宝

微信