-
菊子曰博客管理软件在留言本告诉我:每次打开新的一页,都要加载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
顶: 1踩: 0相关阅读:
来源:卢松松博客(QQ/微信:13340454),转载请注明出处!
启用lazyload插件,减少图片加载
阅读量 | 作者: 卢松松 | 时间:2011年11月08日 12:02
相关文章阅读更多:ZBlog
- 2017-06-27 “nobird”被Z-Blog官方封禁:因盗号并上传恶意代码
- 2016-01-26 关于博客改版:我的一些想法与初衷
- 2013-12-21 Z-BlogPHP 1.1正式版发布
- 2013-02-25 Z-blog2.X ACCESS数据库升级SQL实战教程
- 2013-02-22 Z-BLOG2.X模板 松松主题下载
- 2013-01-09 Z-blog升级到2.0版注意事项
- 2012-10-17 Zblog1.8模板升级到2.0简易教程
- 2012-08-26 Z-blog2.0新版测试
- 2012-04-05 提高浏览量的特效:侧栏跟随滚动条
- 2011-11-20 去掉了博客Gravatar头像
- 2011-11-05 Zblog出现数据库连接错误
- 2011-10-19 用Yahoo Pipes聚合多个博客
- 2011-10-10 博客正式开通手机版
- 2011-08-16 Zblog文章页调用静态文件的方法
- 2020-06-28松松网开通了在线投稿,点此立刻给我投稿哦,高质量文章阅读都很高!
发表感想加入QQ群交流
/Js/lazyload/grey.gif[REVERT=卢松松 于 2011-11-9 18:51:53 回复]已修正![/REVERT]
把这两个JS文件,一个图片下载放到你的博客空间,以JS形式调用到你图片多的网页即可
<script type="text/javascript" src="http://lusongsong.com/themes/LuSongSong/script/jquery.js"></script>
<script type="text/javascript" src="http://lusongsong.com/themes/LuSongSong/script/jquery.lazyload.js"></script>
http://lusongsong.com/themes/LuSongSong/script/grey.gif[/REVERT]
一个图片下载放到博客空间?[REVERT=汽车贴膜 于 2011-11-8 19:50:16 回复]求教程呀。[/REVERT]
下午访问就慢,早上访问就慢,只是这个问题而已。而不只是电信联通的事了。
不仅仅是这套模板。[/REVERT]