前端性能优化总结

原则

• 尽量使用内存
• 减少cpu计算，减少网络请求
• 减少IO操作

+++

加载资源优化

资源压缩传输

一般在nginx配置Gzip压缩，更大型的网站采用CDN服务加快资源下载

静态资源缓存

nginx中可以设置相应静态文件的缓存有效期，在资源未失效之前，nginx会让浏览器加载本地资源

减少HTTP请求数

一次完成的HTTP请求经过多个阶段：DNS解析得到IP，IP寻址发起三次握手，建立TCP连接后发起HTTP请求，服务器接收HTTP请求，后台处理请求并返回数据，客户端接收响应数据并处理。因此每一次HTTP请求在客户端来说都要耗费大量时间。

并且由于浏览器进行并发请求的请求数是有上限的 (具体参见此处 )，因此请求数多了以后，浏览器需要分批进行请求，因此会增加用户的等待时间，会给用户造成站点速度慢这样一个印象，即使可能用户能看到的第一屏的资源都已经请求完了，但是浏览器的进度条会一直存在。

解决办法：

1. 优化数据模式，即减少数据从后台获取，或者与后端协调，一次性获取多条数据

2. 合理设置HTTP缓存

3. 资源合并与压缩，尽可能将外部脚本/样式合并为一个，另外CSS、 Javascript、Image 都可以用相应的工具进行压缩