对于大部分的网站来说,图片一直都是非常消耗资源的,一张图片可能就要占据一个代码文件大小的空间,一个网页如果有几张比较大的图片,就会在网页加载时会占据非常大的时间。

而且在默认状态下,浏览器会加载整个网页的所有图片,即使这个网页非常的长,后边的东西很少人去看,也要将其一并加载。这并不是一种良好的加载机制,尤其对于服务器来说,是对资源的极大浪费。

如果使用图片懒加载,会有效改善这种情况,它会让浏览器按需加载图片,也就是说只展现浏览器中能被看到或者即将要出现的图片,延迟后面图片的加载,如果访客中途关闭了网站,后面的内容也就不会再加载,这样就避免了无用的资源占用。

使用图片懒加载技术,可以帮助网站:

提高加载速度。

减少流量消耗。

更好的浏览器性能。

而且在实际体验中,使用懒加载效果的网站会比未使用的网站更流畅、有更好的浏览体验。

比如这样:

WordPress网站图片