网站开发的性能优化

根据知乎朱建锋的回答整理；
链接：
https://www.zhihu.com/question/40505685

1.合并请求

原理：减少浏览器对服务器发起的请求数，从而减少在发起请求过程中花费的时间。

实现：合并JS、合并CSS以及合并小图片（也就是使用CSS精灵）等方式来减少请求。

具体：尽可能将js合成一个Js文件，css合成一个css，图片尽可能使用sprite图或者用iconfont替代。

2.域名拆分

原理：增加浏览器的并行下载，让浏览器能同时发起更多的请求。过多的域名会带来dns解析时间的损耗，3-5个为宜。

实现：将JS、CSS和图片分别使用三个域名加载；例如：

　　　分别是 http://js.jianfeng.in、http://css.jianfeng.in、http://img.jianfeng.in，地址为：http://jianfeng.in/dns/dns3.html
　　　在以上基础进行更多的拆分，如拆分为http://js1.jianfeng.in、http://js2.jianfeng.in、http://css1.jianfeng.in、http://css2.jianfeng.in、http://img1.jianfeng.in、http://img2.jianfeng.in、http://img3.jianfeng.in、http://img4.jianfeng.in、http://img5.jianfeng.in

 

3.开启GZIP

原理：Gzip是一种压缩技术，可以将资源在服务端进行压缩，然后发送给浏览器后再进行解压，这种方式会降低传输大小，提高网页加载性能。

实现：将资源在服务端进行压缩，然后发送给浏览器后再进行解压。

 

4.开启KeepAlive

原理：减少浏览器与服务器建立连接的次数，节省建立连接时间。

优缺点：开启KeepAlive可以较好的提高性能，但是开启KeepAlive也会使服务器负载变大，也更加容易遭受攻击，实际项目中需要权衡利弊。

 

5.Minify

原理：Minify指的是将JS和CSS等文本文件进行最小化处理，一般对于CSS来说就是去除空格去除换行去除注释等，对于JS，除了上述方法外，还可以进行变量名替换，将长变量名替换为短变量名。

实现：目前主流有webpack、gulp、uglify等工具。

 

如果按照分类：