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