使用Lazyload实现图片延迟加载究竟有什么好处，能达到节省时间的目的吗（就补充问题提供帮助，谢谢）

我在实现lazyload预加载之后，就图片load所需要的时间和原来的页面加载所需要的时间进行了一个对比，发现似乎使用了lazyload实现延缓加载的页面所需要的加载时间更长（虽然是同一网页，但是头部稍有差别，不知道是不是头部多了几张图片的问题），这是为什么，附图两张：（google浏览器下测试）
使用过lazyload的页面：
原来的页面：
我想问的是为什么加载感觉反而变慢了

lazyload.js 延迟加载效果是为了快速展现页面图片，比如很多屏的图片，文件比较大，这个插件目的不是为了节省服务器资源，而是为了浏览体验，如果你拉动到底部，其实也是一样的消耗服务器资源。是有选择性的请求图片，很多人曲解了这个意思，其实插件并没有给你节约带宽，而是腾出来给视觉区域的图片。

有很多图片为主的网站利用这个能大大提高用户体验，但是有一点不好就是对搜索引擎不友好，因为蜘蛛看到的不是真实地址，那么如何解决类似问题呢？其实这个问题可以利用js避免掉。代码如下：

页面图片写法如下

这样效果不影响，只是利用了jQuery的便利，$(document).ready()在文档dom加载完毕就删除了src，所以不会有请求，这样就相当于在我们使用前，是利用js删除的src，而不是我们程序不输入图片。