写了一个非常简单的插件,其灵感来源于jQuery lazyload,但是只在客户端是无法实现真正的Lazyload的,因为浏览器的差异,有时甚至会造成2倍的请求,那如何只让可见的图片进行加载? 答案是在服务端对img标签的src属性进行更改即可。 下载 插件下载地址 非常简单的安装: 直接把文件夹解压到wordpress plugins文件夹下; 在插件控制面板上启用即可。 注意:插件依赖于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. [...]
wordpress 插件 images lazyload
星期四, 四月 7th, 2011解决WordPress Window主机无法接收Email
星期三, 十一月 3rd, 2010有时在虚拟主机(windows,linux)上会因为各种原因无法接收与发送Email,这样会给我们带带及大的不便,解决方法如下: 使用第三方插件,MagicMailer 简单介绍一下,激活插件(这个不用说了,哈哈) 在设置菜单会多一项Magic Mailer,点击后出现管理界面 Reply mail address填写你的email地址 SMTP在你的邮箱里找,比如说163的smtp就是smtp.163.com,端口一般是25 填写完之后记得点击Save Configuration保存。 如果是用gmail的话,点击show gmail configuration会出现另一界面 几乎已经配制完毕直接填写剩余的即可。
代码高亮插件-SyntaxHighlighter
星期六, 四月 11th, 2009介绍一款代码高亮插件-SyntaxHighlighter。 其实说是一款插件,不如说是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; }
