前端性能分析

一，Chrome浏览器的network
1，查看某请求具体情况

⑴请求前等待时间过长，
①可能是前面有很多请求在排队，这时候如果有域名限制，就需要突破域名限制。
②也可能是该请求前有页面阻塞，此刻就可以通过performance进行页面渲染分析，看是哪个地方造成了阻塞。
⑵请求等待时间过长，就是接口响应时间问题了。
2，gzip压缩，以及缓存

①Content-Encoding显示gzip则表示开启了gzip压缩。
②当鼠标放置在size的上能看到该资源的原始大小，如果该文件原始大小大于显示的大小，则表示该资源是进行过压过压缩的（服务没有压缩，浏览器自动进行解压的）。

二，Chrome浏览器的performance
1，如何使用，

⑴记录第一次加载情况
⑵交互过程卡顿，体验问题，使用录屏操作

①性能摘要，里面能看到总的时间占比的情况，
Scripting脚本时间
Rendering渲染时间
Painting重绘时间
Idle系统空闲时间
②火焰图，该图是倒置的火焰图。
Main 面板中，是我们分析具体函数耗时最常看的面板
三，memory内存使用情况分析