Lazy loading，在浏览器滚动像素识别，在首屏的图片先完成加载，其他屏幕外的图片通过将资源标识为非首先加载，从而在需要加载的时候再加载，从而提升网页浏览体验。
假如不使用懒加载的情况下，浏览器会默认加载网页所有的图片，这样对服务器性能和带宽带来不小的挑战，用户体验也不好。降低负载的方法是将用户浏览器的图片先完成加载，如果用户滚动页面，再加载需要的图片。
以前我们是使用lazyload.min.js方案实现这个功能，在Chrome和FireFox的更新中，加入对延迟加载的功能，只需要修改loading属性就可以了。
| 参数 | 简介 |
|---|---|
| auto | 浏览器自主决定加载方式 |
| lazy | 用于延迟获取资源 |
| eager | 用于立即获取资源 |
# 延迟加载资源
<img src="./xxx.jpg" loading="lazy" alt="xxx">
# 立即获取资源
<img src="./xxx.jpg" loading="lazy" alt="xxx">作者: JunYan`Blog
链接: https://www.jinjun.top/posts/68/
许可证: CC BY-NC-SA 4.0
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.
Navidrome是开源的音乐服务器，它可以把硬盘的音乐文件以流媒体的方式呈现出来，就可以在任何的浏览器收听自己的音乐，并兼容subsonic API接口，也可 …
Debian好是好，但是为了稳定性，妥协了很多东西，比如仓库包陈旧。安装的版本软件版本至少落后几个大版本，主要是为了稳定版本，但是有时候需要一些更加新的软件版 …
之前不是介绍过了自建的zerotier控制器，这一次就想在路由器上安装zerotier实现访问内网的设备，不用每一个设备都安装上。如果是在路由器上还是要替换成自 …
输入关键词搜索文章内容
评论