如何优化网站提升访问速度

前言：
网站访问速度的重要性：网站的访问速度直接关乎网站的用户体验，对于一般的用户而言，如果网页打开响应时间过长，大部分用户都会选择离开，响应速度过慢甚至关乎一个网站的建设的成败！
那么我们该怎么样来提升网站的访问速度呢？?

1、减少http的请求数量
a.例如在css中设置background背景图，我们可以将多个背景图合为一个图，因为每一张图片意味着一次http请求，而使用单个背景图（精灵图）通过background-position来设置背景定位，可以一定程度上减少http的请求。

2、CDN(Content Delivery Network)网络加速
现在国内做CDN加速业务的公司很多，简单讲就是将你的图片、视频等扩散到CDN网络所能到达之处，让用户访问时能就近下载到所需的文件，从而达到网络提速的目的，同时也能减轻网站的负载。

3、缓存
对于高频率访问的网页文件，我们可以在apache或nginx服务器中设置缓存，在某一时间段内可以将重复的数据缓存下来重复使用，比如第一个用户访问过后，我们可以将请求的数据缓存下来，当后面的用户访问时，我们可以减少对服务器的请求，对于相同的数据没必要再次请求，直接将缓存下来的数据直接返回给用户即可。

4、服务器开启gzip压缩
对于要返回到客户端的数据，我们可以将数据压缩后再发送，这样数据量会相应的减少很多，传输速度会更快，传输到客户端再解压即可，我们可以在apache或nginx中设置压缩，但是这样会略微给服务器增加负担。

5、css文件放在文件头部
可以尽早的显示网页的样式，从而不影响网页的美感，特别是对于网速慢的用户来说是很点重要的。

6、js文件放在文件尾部
js文件执行相对而言略慢，而放在文件头部会一定长度影响网页主体的显示时间，同时将js文件放在后面执行，也可避免一些可能出现的错误，因为js文件和主体文件的内容可能存在依赖关系。

7、避免使用CSS脚本(CSS Expressions)
有时为了要css的参数动态改变，可能会采用css expression来实现，但这样做得不偿失，会使用户端浏览器负担明显加重，所以不建议这样做，如果需要改变，可以使用Javascript脚本去实现。

8、css、javascript改由外部调用
如果css、js内容比较庞大，尽量不要写到同1个页面中去，改由外部载入比较妥当，因为浏览器本身会对css、js文件进行缓存。

9、压缩Javascript、CSS代码
一般js、css文件中存在大量的空格、换行、注释，这些利于阅读，如果能够压缩掉，将会很有利于网络传输。这方面的工具也有很多，一般可以保留开发版本，一般压缩率能达到50%以上，可以一定程度减少文件的数据量。

10、Ajax缓存
什么样的AJAX请求可以被缓存？
POST的请求，是不可以在客户端缓存的，每次请求都需要发送给服务器进行处理，每次都会返回状态码200。
GET的请求，是可以（默认）在客户端进行缓存的，除非指定了不同的地址，否则同一个地址的AJAX请求，不会重复在服务器执行，而是返回304。
Ajax请求缓存的使用
在进行Ajax请求的时候，可以根据需要尽可能使用get方法，这样可以使用客户端的缓存，提高请求速度。