前端如何提升网页加载速度，加载速度提升有什么好处？

前端如何提升网页的加载速度:

1、能用CSS实现的效果绝对不用雪碧图！

2、能用字体图标的绝不用雪碧图！

3、所有的图片最好全部加载成一张雪碧图！

4、可以将小块的CSS、JS样式直接写在页面中（仅限于复用率低的代码）这样可以减少服务器的请求次数，虽然我们一直在强调要样式、结构、行为分离

但是查看所有的主流门户网站，基本没有能做到完全分离的；

5、图片尽量使用懒加载，有利于提升网站的开启速度，特别是对于电商网站；

6、还有一种方法是准备两套图片，一套正常使用一套压缩过的缩略图，将img 的src地址设定为缩略图，并给img添加一个

自定义属性放置正常使用的图片，当window.onload结束后运行一个函数：

window.οnlοad=function(){
     var imgsrc = document.getElementsByTagName('img');
     for(var i = 0; i<imgsrc.length;i++){
         if(imgsrc[i].getAttribute('bxsrc')){
             imgsrc[i].setAttribute(src,imgsrc[i].getAttribute('bxsrc'));
	}     
    }
}