Web端訪問緩慢問題診斷指南（測試工程師專項版）
——從瀏覽器渲染到網絡層的全鏈路排查方案
一、問題定位黃金法則（前端性能四象限）
1. [網絡層] 數據返回快 ≠ 資源加載快（檢查Content Download時間） 2. [渲染層] DOM復雜度與瀏覽器重繪（查看FPS指標） 3. [執行層] JavaScript阻塞（Long Tasks監控） 4. [緩存層] 靜態資源配置不當（對比首次/二次加載速度）
二、測試工程師必備排查工具包
1. Chrome DevTools 關鍵指標
-
Network面板：
-
檢查
Waiting (TTFB)是否正常（正常<100ms） -
查看資源瀑布圖，定位
Content Download耗時長的文件
-
-
Performance面板：
-
錄制加載過程，關注紅色三角警告（Long Tasks）
-
檢查
Layout Shift（突然的頁面元素移位）
-
2. 前端專項檢測工具
# 使用Lighthouse進行性能評分（重點
