Web 效能的重要性不言而喻：效能為何至關重要。
效能優化涉及的點比較多，我們經常能看到一些文章列舉了多少條效能優化的點，但是這些優化手段的出發點是什麼？怎麼能有效地把它們串聯起來，在實際專案中進行合理的運用呢？恩，官方文件 肯定是我們參考的依據，另外，思維導圖也是個好東西。
【相關tag（效能優化 - github梳理）】：
瀏覽器基礎、效能指標與衡量、DevTool效能除錯與實踐、構建優化（構建工具、HTTP）、前端快取、靜態資源優化、編碼優化、防抖和節流等。
嗨，送你一張Web效能優化地圖 這篇文章，也對效能優化的幾個方面進行了總結分類，可以看到很多相似點。
紙上得來終覺淺，絕知此事要躬行。當我們有了理論體系之後，接下來要做的就是隨時思考如何將理論應用到實踐中，比如我們可以利用 webpack 來進行構建優化，就能解決大部分的效能問題，然後就是平常在編碼層面的一些優化。
當我們有了知識體系之後，就會跟以往看到一個理論然後照做的方式不同，我們會知道為什麼會產生效能問題，然後有針對性的去改進，而不是做一些微優化。
知識體系很重要，要不然會迷失在零散碎片的海洋中。
往期文章：
持續蒐羅效能優化好文：
♣ 渲染優化
♣ React優化
♣ 零散優化
♣ 工具&量化