当一个网站访问量过大时，过多的图片展示往往会影响其网页的加载速度，过多没用的图片加载既影响用户体验，又会增加服务器的负载，可以说有百害而无一利。
相信做前端的人都知道“Ajax”，Ajax的核心是“按需异步加载”。
当用户需要数据库时候，去服务器上拿数据，然后给用户展示出来，这样做的优点无疑是很多的。
实际上，网页在加载图片时也会有类似Ajax的异步加载技术。
我们知道，浏览器在解析html文档时，遇到img标签的src属性就是用过get请求的方式，从服务器上获取图片，html中的img标签有多少，浏览器就会从服务器上获取多少个图片。
图片的延时加载技术就从这个地方着手，把HTML文档中需要延时加载的img标签的src都指定成同一张图片，用过另外一个非标准的属性来指定图片的实际位置，如下：
<img src=”space.jpg” data=”reallyimg.jpg”/>
如果我的有10个img标签，实际上只需要下载一张图片占位符就可以了。