相關資訊

不只是少一點！如何全面提高網頁的打開速度

發布時間：2023-01-01 15:03:05 人氣：來源：

AIner">

對于加載精簡來說，最大的好處莫過于對頁面的加速。加速有兩點：

**是由于資源加載量減少，對于頁面首屏加載速度的提升；

第二是某些加載精簡的方法，會在一定程度上加快頁面的渲染速度。

同時，由于加載量的減少，剩下了一些帶寬，從而減少了帶寬費用。

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

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

第1章存儲資源

1.1 離線存儲

1.1.1 為了移動

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

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

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

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