Echo.js 是一个独立的延迟加载图片的 JavaScript 插件。Echo.js 不依赖第三方库，压缩后不到1KB大小。 延迟加载是提高网页首屏显示速度的一种很有效的方法，当图片元素进入窗口可视区域的时候，它就会改变图像的 src 属性，从服务端加载所需的图片，这也是一个异步的过程。
使用方法：
将dist目录下的echo.js拷贝到你的项目目录下，然后参照一下修改代码
```html
<body>
<img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg"> //img标签改成这种形式，blank.gif是1*1的预加载图
<script src="echo.js"></script>
<script>
echo.init({
offset: 100,
throttle: 250,
unload: false,
callback: function (element, op) {
console.log(element, 'has been', op + 'ed')
}
});
</script>
</body>
```echo.js下载地址：http://github.com/toddmotto/echo/archive/master.zip
演示地址：http://toddmotto.com/labs/echo/
文章参考：http://www.cnblogs.com/lhb25/p/echo-js-image-lazy-loading-plugin.html
评论列表:
af论坛
评论于2015-06-29 10:35:56
不错哈，延迟加载可以优化前面的图片加载速度，收藏了。 - 回复该评论
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
相关文章
Linux图片处理工具ImageMagick使用方法2014-10-18