站點(diǎn)內(nèi)容越來(lái)越多、代碼越來(lái)越臃腫，漸漸影響到了客戶端的體驗(yàn)（主要是打開速度），影響到了維護(hù)的效率。有什么方法可以解決這些問(wèn)題呢？

我 們很容易就想到：減少代碼冗余、提高代碼重用率、圖片壓縮等等，而這些要如何實(shí)現(xiàn)呢？模塊化思維可以解決，即可以有效減少代碼冗余、提高代碼重用率，更重 要是可以支持到多人維護(hù)，降低維護(hù)成本。CSS寫法較為靈活，容易產(chǎn)生代碼的耦合，使用模塊化也可以在一定程度上降低耦合度，對(duì)于BUG的定位也有幫助。 所以，我們更應(yīng)該在站點(diǎn)前期就重視并使用“模塊化的思維”編寫站點(diǎn)。

我們之前經(jīng)常提到的站點(diǎn)性能優(yōu)化，有相當(dāng)一部分也是“模塊化”的內(nèi)容，比如提高代碼重用，提高開發(fā)效率等等，“模塊化”的優(yōu)點(diǎn)還有很多，我大概列了一下：

    提高代碼重用率
    提高開發(fā)效率、減少溝通成本
    降低耦合
    降低發(fā)布風(fēng)險(xiǎn)
    減少Bug定位時(shí)間和Fix成本
    提高頁(yè)面容錯(cuò)
    更好的實(shí)現(xiàn)快速迭代
    更好的支持灰度發(fā)布

其中最重要的一點(diǎn)，我認(rèn)為是“提高代碼重用率”，這也是模塊化最重要的特點(diǎn)之一。