對(duì)于加載精簡(jiǎn)來(lái)說(shuō)，最大的好處莫過(guò)于對(duì)頁(yè)面的加速。加速有兩點(diǎn)：

第一是由于資源加載量減少，對(duì)于頁(yè)面首屏加載速度的提升；

第二是某些加載精簡(jiǎn)的方法，會(huì)在一定程度上加快頁(yè)面的渲染速度。

同時(shí)，由于加載量的減少，剩下了一些帶寬，從而減少了帶寬費(fèi)用。

當(dāng)然，事情都有兩面的地方。加載精簡(jiǎn)會(huì)在一定程度上影響頁(yè)面的SEO；部分方法也會(huì)造成一些額外的腳本開銷。

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

第1章 存儲(chǔ)資源

1.1 離線存儲(chǔ)

1.1.1 為了移動(dòng)

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

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

圖2-1 manifest文件示例

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

圖2-2 更新離線緩存

需要注意的是，當(dāng)我們使用離線存儲(chǔ)時(shí)，瀏覽器會(huì)強(qiáng)行只讀離線緩存的文件。我們需要將頁(yè)面使用到的所有的資源都列入manifest文件中，不論是在cache段，還是network段。否則瀏覽器將報(bào)錯(cuò)，說(shuō)找不到文件。

圖2-3 未將所有文件列入的加載報(bào)錯(cuò)情況

標(biāo)簽： 網(wǎng)站加載速度 網(wǎng)站打 �藗R

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。