TGideas實例：加載，不只是少一點點

對于加載精簡來說，最大的好處莫過于對頁面的加速。加速有兩點：第一是由于資源加載量減少，對于頁面首屏加載速度的提升；第二是某些加載精簡的方法，會在一定程度上加快頁面的渲染速度。同時，由于加載量的減少，剩下了一些帶寬，從而減少了帶寬費用。

當然，事情都有兩面的地方。加載精簡會在一定程度上影響頁面的SEO；部分方法也會造成一些額外的腳本開銷。

尋找合適你的方法很重要，畢竟每個網(wǎng)站性質(zhì)、用處、節(jié)點都可能不同。比如項目初期，可能宣傳和擴散知名度方面重要些，這時候建議不要大量使用動態(tài)生成內(nèi)容的方式，影響SEO。

第1章 存儲資源

1.1 離線存儲

1.1.1 為了移動

由于瀏覽器支持情況不同，離線存儲在PC端沒有大量的使用，反而在移動端的支持情況越來越好，如今Android、iOS都能使用離線存儲，所以離線存儲廣泛的使用于離線APP應(yīng)用。

對于離線存儲，最重要的便是manifest文件。我們將需要緩存的文件列入cache段，將不需要緩存的內(nèi)容列入network段即可。

圖2-1 manifest文件示例

當瀏覽器加載頁面時，發(fā)現(xiàn)manifest文件后，會檢查它的內(nèi)容是不是有修改，如果是，重新下載cache段的文件并緩存；如果不是，則跳過。

圖2-2 更新離線緩存

需要注意的是，當我們使用離線存儲時，瀏覽器會強行只讀離線緩存的文件。我們需要將頁面使用到的所有的資源都列入manifest文件中，不論是在cache段，還是network段。否則瀏覽器將報錯，說找不到文件。

圖2-3 未將所有文件列入的加載報錯情況

1.1.2 更新

對離線存儲的資源更新，需要修改manifest文件的內(nèi)容。當然，我們一般不會隨意修改文件名已達到修改manifest文件內(nèi)容的目的。一般的做法是，在文件內(nèi)新增一行注釋，注釋中寫明目前的版本號，以后每次需要更新的時候，修改版本號就行了。

圖2-4 第二行即為注釋的版本信息

另外，我們可能需要功能更加強大的離線存儲緩存更新的機制。試想一個新聞類的APP，我們需要在手機離線時讀取本地存儲的數(shù)據(jù)，當APP發(fā)現(xiàn)用戶聯(lián)網(wǎng)后，將讀取在線的內(nèi)容，更新本地的數(shù)據(jù)和頁面信息。

對于圖2-