在各种门户网站中，都有大量的图片，尤其是电子商务网站，更多的产品图片，这个时候如果直接访问主页的话，会有很多的图片需要浏览器下载，特别是在网速不好的情况话，打开一个网站需要很长的时间，比如京东首页，而且在很多情况下，用户是不会看网站的每一个图片的，用户只是挑选自己感兴趣的产品，这种情况下，就会有很多的带宽浪费，还会带来不好的用好体验。
于是图片懒加载的技术就出来了，懒加载是表示只是在用户需要看指定的图片时，才会加载，比如京东首页下面的很多产品和其他tab页。只有用户拉动滚动条到页面下面时才会加载相应的图片（tab类似，在点击tab标题时加载）。说到这，应该聪明的读者都已经明白了相应的技术。对，就是在页面加载的时候把页面中的图片src属性为空，在拉动滚动条时候判断当前图片是否在用户的可视窗口内，如果是，则把图片的src属性赋相应的值，这个时候才去加载图片。具体看代码：
来源：chaofanwei
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！