通过延迟加载图片，提高网页打开速度

网站的内容可以说是一个网站的灵魂，站长们想必都知道高质量的内容才能吸引流量和增加点击率，从而提高网站的排名。与全文字的文章相比，图文结合的文章不仅能提高阅读体验，而且更能引起读者的阅读兴趣。但是图文结合的文章有一个问题，就是如果图片太多，而服务器配置不高的话，可能会影响网页的打开速度。所以，想要解决这个问题，做好网站图片加载优化很重要。

如果你的网站必须有很多图片，那么我们该如何优化呢，没错！就是图片延迟加载技术！

图片延迟加载，顾名思义，指的是在网页中延迟加载图片的时机，当用户需要访问网页时，先让网页把其他的内容加载出来，然后在访问的过程中加载图片。

使用使用延迟加载，能够实现只请求当前屏幕所能展示页面范围的图片，当用户下滑到某个点时，再开始执行下载图片。这样的好处就是可以提高网站的首屏加载速度，提升用户的体验，并且可以减少服务器的压力。当你的网站有很多图片，服务器速度又比较慢的时候，就能明显感觉到图片延迟加载的优势了。

延迟加载也称懒加载、惰性加载，前端实现的方式多种多样，可以通过css的属性设为display none，进入到view的图片再改为inline、inlineblock。或者在img的src attribute的位置留空，在data-src上填写实际的图片地址，这样浏览器在打开页面的时候就不会主动载入这些图片，设置在进入页面或快进入页面之前再进行加载。

WordPress实现图片延迟加载可以采用插件的形式，直接配置即可，推荐BJ Lazy Load插件，在Wordpress插件商店直接搜索即可安装。

在Lazy Load插件设置界面可以选择延迟加载的内容，如：文本、小部件、缩略图、头像、图片、子窗口。

如果只想针对图片的话，只需要启动lazy load images即可。如想要指定某些图片不需要延迟加载，在图片标签上加入标记类名即可。