现在的位置:首页>wordpress>正文

利用simple-lazyload插件来给WordPress网站的图片延迟加载

2014年03月26日 ⁄ 共 892字 评论 5 条

图片延迟加载可以让您的网站在打开时,首先将文本内容展示出来,这样可以让用户先浏览网页的部分内容,今天福利老幺要给大家介绍的是simple-lazyload这个插件,我们利用它,就能将自己的Wordpress网站的图片进行延迟加载。

对于国内主机的网站长来讲,如果您的网站中没有过多的图片,那么可以使用代码的方式来直接让图片延迟加载,而不必启用simple-lazyload插件,毕竟多用一个插件,就意味着您的网站被打开时,要增加数据的查询次数。就福利老幺自己的经验来说,国外主机的话,使用免费CDN是比较有效果的一种方法。

simple-lazyload插件对于自己的介绍是能实现真实的图片迟加载功效,自动保存、替换图片的实际地址,只有当用户需要看到时,才会向服务器去请求图片内容,否则是一张空白图片,对服务器没有负担。事实上,对于站内的各类JS加载,我们同样需要优化,您可以看看wordpress博客优化之JS文件压缩,合并,延迟及最后加载这篇文章。

simple-lazyload1

一.安装
和其它插件一样,我们可以通过后台搜索simple-lazyload来安装该插件,当然,您也可以去wordpress的官方网站来下载安装,地址是:https://wordpress.org/plugins/simple-lazyload/installation/,需要说明的是,该插件已经有一年多时间没有更新了,而且到目前为止,下载次数仅有5000次。

二.插件使用
当我们启用了simple-lazyload插件后,就可以看到网站中所有的图片在网页调试模式下(包括评论、缩略图、文章图片)的SRC值变成了默认的1像素的图片。同时写入了File元素,值为图片的真实地址。如下图:

simple-lazyload2

接下来,我们将网页往下拉的时候,图片显示出来了,SRC值也变成了图片的真实地址了。

simple-lazyload3

小结
使用simple-lazyload插件来给Wordpress网站的图片延迟加载,无疑对于提高用户体验是有利的。如果您的网站是类似于淘宝这样的站点,整个网站内容以图片居多,那么使用这个插件会能极大地提高网页加载速度,毕竟只用当用户浏览到某个区域时,才会显示该区域的图片。

评论 5 条 评论内容很精采,有内幕,而且绝对有干货

  1. FINLE 2014年03月26日 12:07  @回复  Δ-49楼 回复

    部落自己就没用哎。。

  2. 郭爱兵 2014年03月27日 18:53  @回复  Δ-48楼 回复

    好像好多主题自带了这个功能…

  3. 轮盘讯特 2014年03月31日 17:15  @回复  Δ-47楼 回复

    支持楼主吧

  4. 夏日博客 2014年04月01日 15:57  @回复  Δ-46楼 回复

    不敢安装太多插件。

  5. 荷兰网 2015年03月02日 15:26  @回复  Δ-45楼 回复

    好文章,内容淋漓尽致.

给我留言