wordpress 图片延迟加载插件 images lazyload

  • A+
所属分类:WordPress教程

写了一个非常简单的插件,其灵感来源于jQuery lazyload,但是只在客户端是无法实现真正的Lazyload的,因为浏览器的差异,有时甚至会造成2倍的请求,那如何只让可见的图片进行加载?

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

注意:插件依赖于jQuery类库,所以确保你的博客引用了jQuery类库!

在大量图片请求下,可以有效的减少加载时间并且减少请求数量与文档体积!

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

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

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

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

Q.如何进行相关设置?

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: