jQuery插件Lazy Load作延迟加载图片的效果
QQ空间的邱跃鹏在其PPT里提到"按需加载"优化WEB性能的方式, 淘宝也使用了一边下拉滚动条，一边加载内容的方式; 出于好奇,google了一下, 整理如下:Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.
官方演示地址
(一)如何使用Lazy Load?
Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域:
<div class="dp-highlighter"><div class="bar"><div class="tools">Html代码 http://dynamiclu.iteye.com/images/icon_copy.gif http://dynamiclu.iteye.com/images/icon_star.pnghttp://dynamiclu.iteye.com/images/spinner.gif
页:
[1]