｜前言? 性能問題對于公司項目而言是需要持續關注的，最近剛好看到了雅虎的35條性能優化軍規，覺得很棒，畫了一個思維導圖記錄下，方便查找

在看性能優化的方法之前需要先了解性能指標，如下：

1、FP(First Paint):首次繪制

2、FCP(Fisrt Content Paint):首次內容繪制

3、LCP(Largest Content Paint):最大內容繪制

4、DCL(DocumentContentLoaded) dom加載完成

5、L (Onload) 頁面加載完成

6、TTI(Time To Interactive):可交互

7、TBT(Total Blocking Time):頁面阻塞總時長

8、FID(First Input Delay): 首次輸入延遲

9、CLS:(Cumlative Layout Shift): 累計布局偏移

10、SI:(Speed Index):首次顯示頁面的平均時間?

?

PS:學習成長過程的記錄。若有不恰當之處，歡迎交流

總結

以上是生活随笔為你收集整理的性能优化之雅虎35条军规的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。