web前端之 什么是懒加载?

2017/12/14


懒加载技术 可以减少图片对服务器的一次性请求,做到按需加载,提升用户体验。比较代表性的解决方案有 lazyload.js ,比较主流了,不是什么秘密,像切图网这样的专业级别的前端公司,就有高频率的用这个技术。

使用方法

引用jquery和jquery.lazyload.js到你的页面

html图片调用方法

为图片加入样式lazy 图片路径引用方法用data-original

js出始化lazyload并设置图片显示方式

懒加载演示地址

http://www2.qieban.cn/jquery_lazyload/