記一次web性能優化實戰

效果展示 優化前 優化後 可以看到優化前有明顯的延遲，詳細信息纔出現。優化後詳細信息基本秒現。 問題分析 出現數據顯示有明顯的延時的情況，我們分析大方向可能有 接口緩慢 網絡問題 前端問題 渲染問題：渲染節點過多、重排、重繪等 js阻塞頁面渲染 原因定位 1、查看network 最大值784ms，因此可以排除接口和網絡問題 2、使用performance記錄一次過程 可以看到js耗費將近14s。此

>>阅读原文<<