最新资讯 在线留言 联系我们
24小时咨询热线:17349788820
 

快捷导航
联系我们
上海华夕网络科技有限公司
咨询热线:17349788820
咨询 Q Q:345920555
邮  箱:345920555@qq.com
邮  编:201821
地  址:上海市嘉定区福海路777弄
 
资讯信息
  启用lazyload插件减少图片加载  
     
发布时间:2017/8/31 16:50:29 来源: 阅读次数:
 

菊子曰博客管理软件在留言本告诉我:每次打开新的一页,都要加载100多个Gravatar头像,建议可以利用lazyload的js插件,减少图片加载。

提高页面加载速度和节省流量。固然这个头像是第三方服务器来的,不消费博客的流量,但是能节省部分访客的加载时候,也是不错的哦。

之前我在博文中也说过用lazyload插件,只是后来换到更好的服务器后就没管了。菊子曰很热情的把加载的图片做了截图:看到这张图我才意识到,只有我这里网速快是没用的。

立刻启用了lazyload,用户的阅读器打开页面需要加载这么多Gravatar头像,我在考虑是不是是去掉Gravatar头像?Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在阅读器可视区域外的图片不会被载入, 直到用户将页面滚动到它们地点的位置. 这与图片预加载的处理方式正好是相反的。

(官方演示地址)安装方法:把这两个JS文件,一个图片下载放到你的博客空间,以JS形式调用到你图片多的网页即可