本篇文章主要介绍了js前端实现图片懒加载(lazyload)的两种方式 ，使用图片懒加载可以提高网页运行速度，有兴趣的可以了解一下。

在实际的项目开发中，我们通常会遇见这样的场景：一个页面有很多图片，而首屏出现的图片大概就一两张，那么我们还要一次性把所有图片都加载出来吗？显然这是愚蠢的，不仅影响页面渲染速度，还浪费带宽。这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载–到可视区域再加载。 思路： 将页面里所有img属性src属性用data-xx代替，当页面滚动直至此图片出现在可视区域时，用js取到该图片的data-xx的值赋给src。 关于各种宽高： 页可见区域宽： document.body.clie