写了一个非常简单的插件,其灵感来源于jQuery lazyload,但是只在客户端是无法实现真正的Lazyload的,因为浏览器的差异,有时甚至会造成2倍的请求,那如何只让可见的图片进行加载?
答案是在服务端对img标签的src属性进行更改即可。
注意:插件依赖于jQuery类库,所以确保你的博客引用了jQuery类库!
在大量图片请求下,可以有效的减少加载时间并且减少请求数量与文档体积!
Q. 为什么我的主题安装后无效?
A. 首先一定要确定主题已经引用jQuery类库,并且在使用的主题中一定要包含wp_header与wp_footer函数。
Q.为什么启用了插件后感觉更慢了?
A.因为图片的延迟加载,所以图片会在文档加载完后再渲染,这样如果特别大量图片产生并发,页面上可能会出现短暂的卡现象。不过这里也是要根据当前的网速与连接的主机情况而定。
Q.如何进行相关设置?
A.抱歉这个版本只是提供基本的功能,在以后的版本中会考虑更多功能并可以在后台设置,比如加载页面的高度与图片特效等。