1.应用场景
| 主要用于前端项目的性能优化 即Web 应用在浏览器上的加载和显示的速度 |
2.学习/操作
| 1.介绍 wiki 对 Web 性能的定义： Web 性能描述了 Web 应用在浏览器上的加载和显示的速度。 2.工具 Chrome 开发者工具 即DevTool 主要面板 Audits/Lighthouse //优先推荐 Performance //功能强大，但是不容易掌握 Network //详情深入，也算是辅助 3.实践 https://time.geekbang.org/column/article/138844 //21 | Chrome开发者工具：利用网络面板做性能分析 https://time.geekbang.org/column/article/174254 //加餐三｜加载阶段性能：使用Audits来优化Web性能 https://time.geekbang.org/column/article/177070 //加餐四｜页面性能工具：如何使用Performance？ 4.思考 做事，包括编写程序，都是有迹可循的，只是我们通常不愿意多花时间去寻找， 而且有时候，即便去寻找，可能找不到，又或者找到了，却依然无从下手, 或许这就是人生呀~~ 后续补充 ... |
3.问题/补充
| TBD |
4.参考
| https://blog.csdn.net/william_n/article/details/102691837 //Chrome 与 开发者工具 https://time.geekbang.org/column/article/138844 //21 | Chrome开发者工具：利用网络面板做性能分析 https://time.geekbang.org/column/article/174254 //加餐三｜加载阶段性能：使用Audits来优化Web性能 https://time.geekbang.org/column/article/177070 //加餐四｜页面性能工具：如何使用Performance？ |
后续补充
...