第一:lazyLoad 简介及作用:
网站性能优化的插件,提高用户体验。
页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载。
第二:使用场合
涉及到图片,falsh 资源,iframe,网页编辑器 (CK),JS 文件 等占用较大带宽,避免网页打开时加载过多资源,让用户等待太久。
第三:代码使用
1. 导入 JS 插件 (前提有 1.6.2.js 文件)
- <script src="js\jquery.lazyload.js" type="text/javascript">
- </script>
2. 在你的页面中加入如下:
- <script type="text/javascript">
- $("img").lazyload();
- </script>
所以图片都延迟加载。
3. 设置敏感度区域
插件提供了 threshold 选项
- $("#xd").lazyload({
- threshold: 200
- })
来源: http://www.bubuko.com/infodetail-1967029.html