浅谈jQurey懒加载技术
来源:互联网 发布:java计算运费代码 编辑:程序博客网 时间:2024/06/14 23:11
Lazy Load是一个用JavaScript编写的jQuery插件,可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。
图片懒加载与图片预加载的处理方式正好相反。
1、懒加载的意义
如果一个页面中有成千上万张图片,如淘宝首页等,如果一上来就发送成千上万个加载图片的请求,服务器很可能会吃不消。
懒加载的意义在于:在包含很多大图片的长页面中延迟加载图片,可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态,可以帮助降低服务器负担。
2、懒加载的使用范围
涉及到图片,falsh,iframe,JS文件等占用较大带宽的资源加载时,都可以使用jQuery预加载技术。
3、懒加载的使用方法:
1) 导入lazyload插件
<script src="js/jquery.lazyload.js"></script>
2) 所有图片都延迟加载:
<script type="text/javascript">$("img").lazyload(); </script>
3) 设置敏感度区域
lazyload插件提供了threshold选项,将threshold定为x,表示当可视区域离图片还有200个象素时开始加载图片。
$("img").lazyload({ threshold : 200 });
1 0
- 浅谈jQurey懒加载技术
- jqurey
- jqurey
- JQurey
- 浅谈Android虚拟机的动态加载技术
- 浅谈Android虚拟机的动态加载技术
- 图片懒加载技术
- lazyLoad懒加载技术
- 浅谈自己理解的懒加载
- 图片懒加载插件技术
- jQuery-懒加载技术(lazyload)
- iOS之懒加载技术
- 学习jqurey
- jqurey简介
- jQurey选择器
- jQurey基础
- JQurey详解
- JQurey拖拽
- 高通平台Power key 唤醒慢抓取log
- typedef int* PINT与#define PINT int*的区别
- Docker 安装tomcat
- [Unity]Unity性能优化实战之GC优化(序)
- 线程间协作的两种方式:wait、notify、notifyAll和Condition
- 浅谈jQurey懒加载技术
- js根据日期得到日期
- SwipeRefreshLayout 使用中遇到的问题
- 人脸关键点标注
- Spark和Hive的ANSI SQL支持情况
- 边缘计算
- 关于iOS多线程,你看我就够了(已更新)
- Flask-多对多关系
- 将tomcat源码导入eclipse