答案是在服务端对img标签的src属性进行更改即可。

下载

插件下载地址

非常简单的安装：

1. 直接把文件夹解压到wordpress plugins文件夹下；
2. 在插件控制面板上启用即可。

注意：插件依赖于jQuery类库，所以确保你的博客引用了jQuery类库！

测试地址：本站已经启用插件，随便点开页面即可测试。

测试页面与说明

先看一下对网页优化的重要准则：

Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests

我们的经验表明减少 HTTP 请求数能最有效地减少页面响应时间，这通常也是性能优化的最简单方法。（YUI）

测试1

这个页面图片的数量为64个（背景+img图片）

前：先看一下正常情况下的加载

60个请求，文档体积995.1K，加载时间为7.06s

后：再看一下启用插件后的情况

20个请求，文档体积371.6K，加载时间为2.34s

小结：可以看到，在大量图片请求下，可以有效的减少加载时间并且减少请求数量与文档体积！

注意：根据网络（网速）不同测试会有偏差，由其现在我的主机在国外，国内访问经常不是很稳定。 测试2

这个页面图片的数量为21个（背景+img图片）

其中有11幅图质量较大

前：先看一下正常情况下的加载

21个请求，文档体积1.3M，加载时间为5.61s

后：再看一下启用插件后的情况

11个请求，文档体积256.7K，加载时间为3.47s

小结：可以看到，在大量高质量图片请求下，可以减少请求数量与文档体积并且加载时间也会有所提升！

注意：根据网络（网速）不同测试会有偏差，由其现在我的主机在国外，国内访问经常不是很稳定。

Q & A

Q. 为什么我的主题安装后无效？

A. 首先一定要确定主题已经引用jQuery类库，并且在使用的主题中一定要包含wp_header与wp_footer函数。

Q.为什么启用了插件后感觉更慢了？

A.因为图片的延迟加载，所以图片会在文档加载完后再渲染，这样如果特别大量图片产生并发，页面上可能会出现短暂的卡现象。不过这里也是要根据当前的网速与连接的主机情况而定。

Q.如何进行相关设置？

A.抱歉这个版本只是提供基本的功能，在以后的版本中会考虑更多功能并可以在后台设置，比如加载页面的高度与图片特效等。

更新

添加淡入 (fadein) 效果；

添加一个占位符文件，防止没有src的image标签在某些情况下导致浏览器崩溃；

修改一些bug。

如果依然有问题无法使用，请联系我，我来帮你解决。

Email: gigjiajia [at] gmail.com

QQ: 270162642 (验证时请注明：lazyload插件有问题)

也许这些文章您也感兴趣:

• 解决WordPress Window主机无法接收Email
• 测试页面 – YS.Lazyload
• 测试页面 – YS.Lazyload – 2
• [转]让开发也懂前端
• Javascript与SWF交互

使用第三方插件，MagicMailer

简单介绍一下，激活插件（这个不用说了，哈哈）

在设置菜单会多一项Magic Mailer，点击后出现管理界面

Reply mail address填写你的email地址

SMTP在你的邮箱里找，比如说163的smtp就是smtp.163.com，端口一般是25

填写完之后记得点击Save Configuration保存。

如果是用gmail的话，点击show gmail configuration会出现另一界面

几乎已经配制完毕直接填写剩余的即可。

也许这些文章您也感兴趣:

• wordpress 插件 images lazyload
• [转]让开发也懂前端
• Javascript与SWF交互
• jQuery UI组件开发
• 曾经为自己设计的博客

其实说是一款插件，不如说是js lib~

因为他不需要像其他WP的插件那样在后台安装与配制。

首先，说一下它的好：

• 完全绿色不需要修改function.php，只需要在页面加载相应的js与css即可
• 支持多类型代码高亮（其实其他的插件支持的也不少），可自主选择所需高亮的语言

其次，说一下它的坏：

• 体积过大，压缩完后竟然还有19K！
• 自定义的api太少，很多时候需要自己去修改js或css文件

其他的功能与一般的代码高亮插件都差不多。

这所以这么大的体积我还选择他的原因是，因为其DIY相对而言要方便许多。

只要你修改相应的js或css即可，对于开发人员来说，还是很方便的。

对于他的期望就是希望在新版本中体积可以小一点，毕竟一个19K的文件不是一个小数字。

安装

安装时只需要将相应的js文件放到你的header.php中即可

js必须文件为：shCre.js shBrushBash.js shBrushCpp.js

css必须文件为：shCore.css shThremeDefault.css

然后在加入相应的高亮代码js如：shBrushCss.js这是css的

写代码

这样在写日记的时候可以用<pre class=”brush: css”>这里是相应的代码</pre>

来测试一下代码：

这里是javascript代码

function test() : String
{
	return 10;
}

这里是CSS代码

#test{

font-size:19px;

margin:10px; 

padding:20px;
}

也许这些文章您也感兴趣:

• jQuery UI组件开发
• wordpress 插件 images lazyload