前端性能分析

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

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

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

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

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

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