如何有效减少网页加载时间？

1.减少页面http请求数量

在用css引入背景图片通常我们都会用background，然而每一个url就是一次http请求，我们可以把众多图片合在一起，用background-position可将这部分图片加载的HTTP请求缩减为1个。

background:url(.....)no-repeat x-offset y-offset;

2.css和JS使用外部文件，因为浏览器会对内部css和js进行缓存
3. css格式定义放置在文件头部

4.Javascript脚本放在文件末尾

很多脚本庞大或者执行效率低，可能会导致网页加载出现问题，一定到放在文件头部的话，需要使用后载入的方法-加一个defer属性，

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。

5.压缩JS和css代码，一般js、css文件中存在大量的空格、换行、注释，这些利于阅读，如果能够压缩掉，将会很有利于网络传输

6.养成良好的开发维护习惯，尽量避免脚本重复调用

7.Ajax调用尽量采用GET方法调用，实际使用XMLHttpRequest时，如果使用POST方法实现，会发生2次HTTP请求，而使用GET方法只会发生1次HTTP请求。如果改用GET方法，HTTP请求减少50%！