LazyLoad(懒加载)

懒加载

• 懒加载（延迟加载）是一种网页性能优化的方式，一般优先加载可视区域内的内容，其他部分进入可视区域再进行加载，能够提高用户体验。
• 节省http请求数量、节省用户流量

src里面做文章

网页开发中懒加载一般多用于图片较多的地方，在现代网页开发中图片的占比越来越大，懒加载能够较大的提升网页的用户体验。图片的加载通过 src 属性，浏览器会根据 image 标签的 src 属性去对应地址请求相应的图片资源，因此在图片的进入可是区域之前可以修改图片的 src 属性或者直接不给可视区域外的 image 标签的 src 属性赋值。

<img src="./example.jpg" loading="lazy" alt="例子">