前端性能优化有哪些方法

1. 浏览器http请求并发前端如何优化

减少网络请求数：

1) 配置304请求，提高请求速度(这属于后端配置)
2) 将图标合成雪碧图，减少图片数量，减少http请求数
3) 使用webpack合并css和js，减少文件数量，减少http请求数
4) vue使用动态路由，实现按需导入js，减少http请求数

2.增加静态资源来源

1) 将静态资源分布在不同的服务器中，使用多个域名，加大并发量
2) 将静态资源和html文档分放在不用的域名下也有另一个原因，每次页面请求都会将相同域名下的3) cookie带给服务器端，实际上静态资源带上cookie

3. 使用CDN

        就是将源站的静态资源（图片视频、html/css/js安装包apk等）缓存到位于不同区域的CDN节点服务器上，通常是终端网络提供商的机房，当用户访问网站时，会去离用户距离最近的CDN服务器上获取，从而避免了网络拥塞，提高了访问速度，缓解了源站压力。

具体流程:

1) 用 户 输 入 要 访 问 的u r l ,浏 览 器 通 过 域名解析（本地DNS系统和CDN专用DNS服务器）得到CDN负载均衡设备的IP地址。

2) 浏览器向CDN负载均衡发出访问醺黑CDN负载均衡根据用户IP地址及URL,判断距离、有无内容、负载情况后返回用户所属区域的最佳cdn缓存服务器IP。

3) 用户向cdn缓存服务器发起请求，服务器响应用户请求。

4) 如果这台缓存服务器上没有用户想要的内容，再由缓存服务器向源服务器请求。

5) 缓存服务器从源服务器得到内容后，一方面在本地进行缓存，另一方面将获取的数据返回给客户端

//google

4. 开启GZIP

GZIP即数据压缩，用于压缩使用Internet传输的所有文本资源。开启GZIP的方法很简单，到对应的web服务配置文件中设置一下即可。以Apache为例，在配置文件httpd.conf中添加。

5. 样式表和JS文件的优化

一般我们会把css样式表文件放到文件的头部。比如，放到标签中，这样可以让CSS样式表尽早地完成下载。对应js脚本文件，一般我们把他放到页面的尾部。

6. 使用无cookie域名

无cookie域名的概念:当发送一个请求时，同时还要请求一张静态的图片和发送cookie时，服务器对于这些cookie不会做任何使用，也就是说这些cookie没什么用，没不要随请求一同发送。

7. 前端代码结构的优化