前端开发中:往往页面有很多图片,而首屏出现的图片大概就少量几张,全部加载图片的话,不仅影响页面渲染速度,还浪费带宽。首屏加载技术就是图片懒加载,图片到可视区域再加载。
将页面里所有img属性src属性用data-xx代替,当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-xx的值赋给src。
其中两个插件可以帮我们实现图片懒加载。
1、jqueryLazyload 依赖Jquery
2、echo.js方式
参考http://www.cnblogs.com/liliangel/p/6122836.html
http://www.cnblogs.com/flyromance/p/5042187.html
网友评论