当网页内容里加载的图片比较多的时候,如果在打开网页一次性加载所有图片,会使得页面加载时间比较长,也给服务器造成了较大的突发压力。而且可能有些访问者并不会往下滚动页面浏览完全文,此时加载页面靠下位置的图片就浪费了服务器资源。所以很多人会考虑使用BJ Lazy Load方法来按需或延迟加载网页图片。
![](https://i-blog.csdnimg.cn/blog_migrate/2e35a3a96e36754f9557b6479e2ac5ea.png)
Lazy Load是一个基于JavaScript编写的jQuery插件,调用jQuery方法来处理按需或延迟加载图片。一般用法是,让图片在快要出现在浏览器显示区域的时候(比如距离浏览器下边缘还有200px的时候)才从服务器下载并显示,可以改进页面的加载时间、节省服务器带宽(某些情况下)。
这个插件异常简洁,只有不到50行代码。专注于实现Lazy Load效果。正是我所推崇的插件类型。BJ Lazy Load是一款提升网站访问速度和节省网站宽带的WordPress功能增强插件。
![](https://i-blog.csdnimg.cn/blog_migrate/ccc3f069a17bdf6867ffc75e57f16d33.png)
通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻服务器压力以及减轻流量的浪费。
插件会替换WordPress网站里所有文章里的图片,缩略图,头像图片,把这些位置换成占位符号,在浏览器里即将显示的时候才显示图片,这样做最大的效果就是网站不会一开始就载入所有的图片,所以网站如果有不少图片,这样浏览器就不用一次性载入所有图片,这样就达到了提升网站访问速度和节省宽带的目的。