如果你网站一篇文章里有10张图，客户打开页面就要一次加载10张图，哪怕他只看到第一屏。图片一多，打开速度就慢。懒加载就是解决这个问题的。
懒加载原理
客户打开你网站，只加载第一屏能看到的图片。他往下滑，滑到哪张图快要出现在屏幕上了，浏览器才去加载那张图。
这样一来，首屏加载速度快很多，客户不用干等。如果他看一半就关了，下面没滑到的图根本不用加载，省了流量。
怎么实现
现在大部分现代浏览器已经原生支持懒加载了。你只要在img标签里加一个 loading="lazy" 属性就行：
<img src="xxx.jpg" loading="lazy">
如果你用的是免费CMS，主题一般已经内置了懒加载。没内置的话，装一个图片优化插件，一键开启。
不用写复杂代码。
几个注意点
首屏的图别懒加载。如果首屏Banner也懒加载，客户进来看到一片空白，更慢。一般把首屏前2-3张图设为立即加载。
缩略图和内容图都可以懒加载。文章列表页、相册页、产品列表页，图片多的地方开懒加载效果最明显。
别影响SEO。只要img标签里有真实的src属性，百度蜘蛛就能抓到图。别为了懒加载把src藏到data-src里不写回来，那样图片就不被收录了。
懒加载是零成本提速，开了不亏。
