|
|||
|
摘要：
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担. Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面. 怎样使用?Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: <s 阅读全文
posted @ 2011-12-11 14:12 陈达辉 阅读(217) 评论(0) 推荐(0) 编辑
摘要：
看到了淘宝产品介绍中,图片是在下拉滚动条时加载,这是一个很不错的用户体验。减少了页面加载的时间了，也减轻了服务器的压力，就查了下用JQuery..什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件，插件名:jquery.lazyload（7kb大小），压缩后（3kb大小）在线压缩js . 阅读全文
posted @ 2011-12-11 14:08 陈达辉 阅读(231) 评论(0) 推荐(0) 编辑 |
|||
