打开网页,图片延迟加载
来源:互联网 发布:知牛财经直播logo 编辑:程序博客网 时间:2024/05/21 11:33
昨天客户说我们网站打开速度很慢,我测试了一下,我自己这边打开速度很快,应该不是服务器带宽瓶颈,后来抓包发现,我们的首页图片太多(400多张),加起来有2.5M,客户那边网速可能比较慢,导致加载慢。
于是做了一个图片延迟加载的方案,会在页面整体加载完以后再加载图片。
首先,将模板中<img src=""/>全部改为<img imgsrc=""/>
于是做了一个图片延迟加载的方案,会在页面整体加载完以后再加载图片。
首先,将模板中<img src=""/>全部改为<img imgsrc=""/>
然后在模板底部加上js代码:
<script> function lazyloadimg(){ imgs=document.getElementsByTagName("img"); imgsnum=imgs.length; for(i=0;i<imgsnum;i++){ if((typeof(imgs[i].src)=='undefined'||imgs[i].src=='')&&imgs[i].getAttribute('imgsrc')!=null){ imgs[i].src=imgs[i].getAttribute('imgsrc'); } } }lazyloadimg(); </script>
0 0
- 打开网页,图片延迟加载
- 网页图片延迟加载
- 图片异步延迟加载,提升网页打开速度
- 多图片网页实现延迟加载图片
- 网页图片延迟加载LazyLoad.js使用方法介绍和实例
- JS延迟加载或JS最后加载加快网页打开速度
- JS延迟加载或JS最后加载加快网页打开速度
- JS延迟加载或JS最后加载加快网页打开速度
- 图片延迟加载技术
- jquery延迟加载图片
- jquery 图片延迟加载
- 图片延迟加载
- 图片延迟加载
- 延迟加载图片
- js图片延迟加载
- 图片延迟加载 jquery
- 图片延迟加载
- Jquery图片延迟加载
- 第28章 以太网交换基本原理
- 这里有东莞理工的学生?
- 小米红米699迎战华为3C,荣耀该如何迎战
- ZOJ 3336 Friend Number II
- 从SVD到LSA&PLSA
- 打开网页,图片延迟加载
- 隐马尔可夫模型HMM
- 【python系列】datetime时间格式化
- 编译linux-0.11内核后键盘不对的问题解决方法,比如/变成了-
- 淘宝网仅售比特币及挖矿机
- CentOS 6.4安装配置LAMP服务器(Apache+PHP5+MySQL)
- 锤子手机今曝光,有好事儿
- OpenSSL编程指引,第一部分
- 微软双系统手机,真奇葩