当前位置:首页 > 站长新闻

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

时间:2019-06-15 20:40:00来源:站长新闻作者:seo实验室小编阅读:68次「手机版」
 

lazyload

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

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

启用lazyload插件,减少图片加载 ZBlog 微日志 第1张

看到这张图我才意识到,只有我这里网速快是没用的,立刻启用了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

相关阅读

v-loading加载中

使用v-loading在接口为请求到数据之前,显示加载中,直到请求到数据后消失。 //全局loading <template> <p v-loading="loading"

【爬虫工具】哔哩哔哩插件姬(bilibili-plugin)

完整原文(含源码):http://exp-blog.com/2018/09/09/pid-2223/(转载请注明出处,仅供分享学习,严禁用于商业用途) 声明 写这个插件纯粹是

谷歌浏览器插件插入script代码

var p=document.createElement('p');           p.id='cont';           document.body.appendChild(p);    

Axure教程:按钮的启用和禁用设计

原型中常要用到按钮的禁用和启用,比如常见的:输入手机号获取验证码的获取按钮,在未输入内容前按钮不可点,输入按钮后,可点击获取按钮获

eclipse运行springboot项目报错‘找不到或无法加载主

这是一个很烦躁的问题~,往往困住大家好长时间,然后各种百度。借此,咱将这个问题有可能产生的原因进行一下总结。若有不完善之处欢迎

分享到:

栏目导航

推荐阅读

热门阅读