菊子曰博客管理软件在留言本告诉我：每次打开新的一页，都要加载100多个Gravatar头像，建议可以使用lazyload的js插件，减少图片加载，提高页面加载速度和节省流量。虽然这个头像是第三方服务器来的，不消费博客的流量，但是能节省部分访客的加载时间，也是不错的哦。

之前我在博文中也说过用lazyload插件，只是后来换到更好的服务器后就没管了。菊子曰很热心的把加载的图片做了截图：

看到这张图我才意识到，只有我这里网速快是没用的，立刻启用了lazyload，用户的浏览器打开页面需要加载这么多Gravatar头像，我在考虑是不是去掉Gravatar头像？

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的。（官方演示地址）

安装方法：

把这两个JS文件，一个图片下载放到你的博客空间，以JS形式调用到你图片多的网页即可

<script type="text/javascript" src="https://lusongsong.com/themes/LuSongSong/script/jquery.js"></script>

<script type="text/javascript" src="https://lusongsong.com/themes/LuSongSong/script/jquery.lazyload.js"></script>

https://lusongsong.com/themes/LuSongSong/script/grey.gif

相关阅读：

影响网站打开速度的9大因素

测试网站访问速度的5个方法

小技巧给网页减肥，让网站提速

巴士文章列表插件会拖慢Z-blog速度

精简ZBlog模版代码，提高页面打开速度

流量统计是否影响网站速度

Firebug和Yslow是个好工具

去掉了博客Gravatar头像

Yslow的使用方法

JS代码优化技巧之通俗版

提高网站打开速度的7大秘籍

9：提高浏览量的特效：侧栏跟随滚动条

来源：卢松松博客（QQ/微信：13340454），转载请注明出处！

本文地址：https://lusongsong.com/blog/post/299.html