1. 代码覆盖率 Coverage
打开chrome DevTools，ctrl + shift + p，输入coverage命令，回车，调出coverage面板
进行录制，即可分析，加载或执行期间的，js被执行到情况，未被执行的js，就是可以优化的点，可以移除死代码，或懒加载非必要代码
2. CPU和内存 Performance monitor
同样命令调出Performance monitor面板，实时的查看，当前页面的CUP，js内存，DOM nodes数量等指标
3. 页面性能 Performance
使用Performance面板，直接录制执行性能，分析相关数据
4. lighthouse工具分析
lighthouse会将基于performance的分析，整合出一个报告，以具体的性能指标给出，提升性能的建议。
原文：https://www.cnblogs.com/mengff/p/12890985.html