图片懒加载的方式

前端开发中:往往页面有很多图片,而首屏出现的图片大概就少量几张,全部加载图片的话,不仅影响页面渲染速度,还浪费带宽。首屏加载技术就是图片懒加载,图片到可视区域再加载。

将页面里所有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

你可能感兴趣的:(图片懒加载的方式)