小谢第23问： chorme的性能优化工具

问题场景：在前端日趋工程化的今天，前端性能优化是一名合格的前端工程师必备的技能，那么，如何正确的使用性能分析工具呢？

解决方案：

性能分析的流程：

在开发中我一般使用公司开发的测试脚本-kbase-watcher，可以更加直观的进行页面的优化，大家也可以在网上找到许多类似的插件

 

 

可以生成性能分析报告，大概的估算一下自己网页的渲染性能

 

 以下是针对F12工具栏的具体用途：

前端最常用的当然要数network分析工具

另外其他的各类工具：

 

 

 

 

 

 

 

 

 

 

 

运用这些工具，可以更加直观的感受到页面的性能，也能更好的帮助我们定位bug原因，以上就是chorme的工具栏的具体讲解啦

原创文章，转载请注明来自:https://www.cnblogs.com/xieoxie3000question/