Rumah  >  Artikel  >  php教程  >  打开网页,图片延迟加载

打开网页,图片延迟加载

WBOY
WBOYasal
2016-06-07 11:45:061348semak imbas

昨天客户说我们网站打开速度很慢,我测试了一下,我自己这边打开速度很快,应该不是服务器带宽瓶颈,后来抓包发现,我们的首页图片太多(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元

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn