Web 頁面性能分析筆記
網頁慢的緣由不必定只是前端，因此須要結合Network一塊兒看html
如何評價一個頁面打開得快不快，能夠用兩個指標描述，一個是ready的時間，另外一個是load的時間。前端
以下示例表示，read時間是2.72s，load時間是4.74s。git
DOMContentLoaded: 2.72s |Load 4.74s
chrome devtools
- devtools練習網站
- 全新Chrome Devtool Performance使用指南
- 如何使用 Timeline 工具
- Chrome DevTools中文手冊
- Effective前端7：加快頁面打開速度
- Chrome開發者工具詳解(2)：Network面板
- segmentfault-Chrome DevTools — Timeline
- 我不知道的 Chrome Network 面板技巧
性能優化
GTmetrix工具
- gtmetrix：網站性能評測工具，在線
- 優化網站加載時間（GTmetrix）
其餘工具
- caniuse：CSS兼容性檢測
相關文章
- 1. 簡單的web頁面性能分析
- 2. web頁面性能優化
- 3. H5頁面性能分析神器——lighthouse
- 4. Web頁面加載，如何分析頁面性能？如何進行優化？
- 5. Chrome Performance 頁面性能分析指南
- 6. 頁面渲染：性能分析
- 7. 筆記本電腦性能分析記
- 8. Web性能優化筆記
- 9. Web前端性能分析
- 10. 「功能筆記」性能分析工具gprof使用筆記
- 更多相關文章...
- • ASP.NET Web Pages - 全局頁面 - ASP.NET 教程
- • ASP.NET Web Pages - 頁面佈局 - ASP.NET 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. python的安裝和Hello，World編寫
- 2. 重磅解讀：K8s Cluster Autoscaler模塊及對應華爲雲插件Deep Dive
- 3. 鴻蒙學習筆記2（永不斷更）
- 4. static關鍵字 和構造代碼塊
- 5. JVM筆記
- 6. 無法啓動 C/C++ 語言服務器。IntelliSense 功能將被禁用。錯誤: Missing binary at c:\Users\MSI-NB\.vscode\extensions\ms-vsc
- 7. 【Hive】Hive返回碼狀態含義
- 8. Java樹形結構遞歸（以時間換空間）和非遞歸（以空間換時間）
- 9. 數據預處理---缺失值
- 10. 都要2021年了，現代C++有什麼值得我們學習的？
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 簡單的web頁面性能分析
- 2. web頁面性能優化
- 3. H5頁面性能分析神器——lighthouse
- 4. Web頁面加載，如何分析頁面性能？如何進行優化？
- 5. Chrome Performance 頁面性能分析指南
- 6. 頁面渲染：性能分析
- 7. 筆記本電腦性能分析記
- 8. Web性能優化筆記
- 9. Web前端性能分析
- 10. 「功能筆記」性能分析工具gprof使用筆記