zoukankan      html  css  js  c++  java
  • 启用lazyload插件,减少图片加载

    使用lazyload的js插件,减少图片加载,提高页面加载速度和节省流量。虽然这个头像是第三方服务器来的,不消费博客的流量,但是能节省部分访客的加载时间,也是不错的哦。

    用lazyload插件,只是后来换到更好的服务器后就没管了。加载的图片做了截图:

    启用lazyload插件,减少图片加载

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

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

    安装方法:

    把这两个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

  • 相关阅读:
    APIO2007 动物园
    SCOI2010 股票交易
    USACO13NOV No Change G
    洛谷 P3694 邦邦的大合唱站队
    洛谷 P6196 3月月赛 ERR1 代价
    洛谷月赛 ERR1 代价
    Splay 学习笔记
    HNOI2009 梦幻布丁
    乘法逆元
    【洛谷】【二分答案+最短路】P1462 通往奥格瑞玛的道路
  • 原文地址:https://www.cnblogs.com/xiaomifeng/p/5016010.html
Copyright © 2011-2022 走看看