原理:先用一张极小的图片来代替,等到内容加载完了,再向服务器请求真正的图片并替换,可以有效的减少等待时间。
实现:
<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="a.jpg">
function loadImage(){ var deferImages=document.getElementsByTagName(‘img‘); var curImg; var imgSrc; for(var i=0,len=deferImages.length;i<len;i++){ curImg=deferImages[i]; imgSrc=curImg.getAttribute(‘data-src‘); if(imgSrc){ curImg.setAttribute(‘src‘,imgSrc); } } } window.onload=loadImage;
这对于延迟加载首屏以后的内容很有用,提高加载速度。
原文:http://www.cnblogs.com/yanyd/p/4558833.html