首頁  >  文章  >  php教程  >  打开网页,图片延迟加载

打开网页,图片延迟加载

WBOY
WBOY原創
2016-06-07 11:45:061348瀏覽

昨天客户说我们网站打开速度很慢,我测试了一下,我自己这边打开速度很快,应该不是服务器带宽瓶颈,后来抓包发现,我们的首页图片太多(400多张),加起来有2.5M,客户那边网速可能比较慢,导致加载慢。
于是做了一个图片延迟加载的方案,会在页面整体加载完以后再加载图片。

首先,将模板中打开网页,图片延迟加载全部改为打开网页,图片延迟加载
然后在模板底部加上js代码:<script><br /> function lazyloadimg(){<br /> imgs=document.getElementsByTagName("img");<br /> imgsnum=imgs.length;<br /> for(i=0;i<img snum;i++){<br / alt="打开网页,图片延迟加载" > if((typeof(imgs[i].src)=='undefined'||imgs[i].src=='')&&imgs[i].getAttribute('imgsrc')!=null){<br /> imgs[i].src=imgs[i].getAttribute('imgsrc');<br /> }<br /> }<br /> }<br /> lazyloadimg();<br /> </script>

AD:真正免费,域名+虚机+企业邮箱=0元

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn