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？ |
後續補充
...