Web 性能的重要性不言而喻：性能為何至關(guān)重要。
性能優(yōu)化涉及的點(diǎn)比較多，我們經(jīng)常能看到一些文章列舉了多少條性能優(yōu)化的點(diǎn)，但是這些優(yōu)化手段的出發(fā)點(diǎn)是什么？怎么能有效地把它們串聯(lián)起來(lái)，在實(shí)際項(xiàng)目中進(jìn)行合理的運(yùn)用呢？恩，官方文檔 肯定是我們參考的依據(jù)，另外，思維導(dǎo)圖也是個(gè)好東西。
【相關(guān)tag（性能優(yōu)化 - github梳理）】：
瀏覽器基礎(chǔ)、性能指標(biāo)與衡量、DevTool性能調(diào)試與實(shí)踐、構(gòu)建優(yōu)化（構(gòu)建工具、HTTP）、前端緩存、靜態(tài)資源優(yōu)化、編碼優(yōu)化、防抖和節(jié)流等。
嗨，送你一張Web性能優(yōu)化地圖 這篇文章，也對(duì)性能優(yōu)化的幾個(gè)方面進(jìn)行了總結(jié)分類，可以看到很多相似點(diǎn)。
紙上得來(lái)終覺(jué)淺，絕知此事要躬行。當(dāng)我們有了理論體系之后，接下來(lái)要做的就是隨時(shí)思考如何將理論應(yīng)用到實(shí)踐中，比如我們可以利用 webpack 來(lái)進(jìn)行構(gòu)建優(yōu)化，就能解決大部分的性能問(wèn)題，然后就是平常在編碼層面的一些優(yōu)化。
當(dāng)我們有了知識(shí)體系之后，就會(huì)跟以往看到一個(gè)理論然后照做的方式不同，我們會(huì)知道為什么會(huì)產(chǎn)生性能問(wèn)題，然后有針對(duì)性的去改進(jìn)，而不是做一些微優(yōu)化。
知識(shí)體系很重要，要不然會(huì)迷失在零散碎片的海洋中。
往期文章：
瀏覽器渲染優(yōu)化
我只是想弄懂緩存而已~
使用Webpack4優(yōu)化Web性能
持續(xù)搜羅性能優(yōu)化好文：
? 渲染優(yōu)化
? React優(yōu)化
? 零散優(yōu)化
? 工具&量化
