wordpress:博客图片延迟加载提升网站反应速度

每个博客的文章都或多或少带有图片,图片一多加载速度就相应的变慢了,速度变慢又会导致用户体验以及搜索引擎友好度,本文探讨的就是以代码方式来解决因图片加载而变慢的问题。

原理

通过以小体积的图片来替换文章原有图片加载,用户阅读到替换图片区域时再加载原图片,这样页面速度加快了。

看着蛮深奥的。其实很简单,因为我们有现成的代码!哇咔咔,是不是感觉我很强大!

使用方式

选择现用主题的顶部 (header.php)的添加以下代码,jquery.lazyload.js文件需要自己下载上传到服务器,并替换地址。


 

请将.thumbnail改为自己网页包围img图片的样式;用PS制作一张宽高分别为1px的图片,命名为grey.gif,放在对应的文件目录,然后修改上面的http://xx/xx/grey.gif为图片的url地址(自定义文件地址需要修改)。

下载地址:Jquery.lazyload.js

 

 

 

 

 

发表评论
加载中...
  • 微饭君 微Fan 4年前 (2014-01-14) 官方

    本文章的代码已失效,不建议使用!

相关文章