前端性能优化的总结

通常我们说的网站性能高，就是当一个用户用浏览器访问这个网站的时候，这个网站能带给用户的好的体验，那么怎样才会让用户感觉到这个网站的性能呢？最明显的，就是网站页面在浏览器显示出来的时间，所以，网站前端性能的优化可以从两个方向去优化：

1、减少浏览器对DOM和JS脚本的解析时间
2、减少http的请求次数

针对第一点，一般的互联网公司都会对前端的代码进行规范化，如：减少冗余的DOM标签，js代码的封装等，这里就不做详细解释了，随着我们工作经验的增加，会慢慢形成自己的代码风格。

对于第二点，一个网站一定会涉及和服务器的通信，这往往是最耗时间的部分。因为当浏览器需要从服务器获取网页数据的时候，会发出一次Http请求。Http会通过TCP建 立起一个到服务器的连接通道，当本次请求需要的数据完毕后，Http会立即将TCP连接断开。所以Http连接是一种短连接，是一种无状态的连接。所谓的无状态，是指浏览器每次向服务器发起请求的时候，不是通过一个连接，而是每次都建立一个新的连接。如果是一个连接的话，服务器进 程中就能保持住这个连接并且在内存中记住一些信息状态。而每次请求结束后，连接就关闭，相关的内容就释放了，所以记不住任何状态，成为无状态连接。所以我们必须减少http的请求次数，已以达到最快的响应速度，比如，可以减少图片的使用（就是把所有图片做成一张大图），对所有脚本进行模块化和打包