页面性能优化办法有哪些？（前端）

页面性能优化办法有哪些？

一、资源压缩与合并

如何进行html压缩：
1，使用在线网站进行压缩(开发过程中一般不用)
2，nodejs 提供了html-minifier工具
3，后端模板引擎渲染压缩

如何进行css压缩：
1，使用在线网站进行压缩(开发过程中一般不用)
2，使用html-minifier工具
3，使用clean-css对css压缩

如何进行js的压缩和混乱
1，使用在线网站进行压缩(开发过程中一般不用)
2，使用html-minifier工具
3，使用uglifyjs2对js进行压缩

二，减少http请求，合理设置缓存

1. 合并css，js文件，减少css，js重复代码，合并图片等都是为了减少http请求，应为每次http请求的代价都是非常昂过的，所以减少http请求能有效优化访问性能。

2. 缓存能缓存得更多，缓存得更久，也是可以大大减少http请求，就优化了访问性能。

三、减少cookie传输

一方面，cookie包含在每次请求和响应中，太大的cookie会严重影响数据传输，因此哪些数据需要写入cookie需要慎重考虑，尽量减少cookie中传输的数据量。另一方面，对于某些静态资源的访问，如CSS、script等，发送cookie没有意义，可以考虑静态资源使用独立域名访问，避免请求静态资源时发送cookie，减少cookie传输次数。　　
　　
四，js中减少DOM操作

在这里插入代码片避免使用eval和 Function，减少作用域链查找（尽量把变量设为局部变量）。

五、CDN加速

CDN（contentdistribute network，内容分发网络）的本质仍然是一个缓存，而且将数据缓存在离用户最近的地方，使用户以最快速度获取数据。

六、反向代理

1.传统代理服务器位于浏览器一侧，代理浏览器将http请求发送到互联网上，而反向代理服务器位于网站机房一侧，代理网站web服务器接收http请求。

2 .反向代理也可以实现负载均衡的功能，而通过负载均衡构建的应用集群可以提高系统总体处理能力，进而改善网站高并发情况下的性能。