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

2020-03-27    來源:tgideas.qq.com

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

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

第一是由于資源加載量減少,對于頁面首屏加載速度的提升;

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

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

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

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

第1章 存儲資源

1.1 離線存儲

1.1.1 為了移動

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

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

圖2-1 manifest文件示例

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

圖2-2 更新離線緩存

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

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

標簽: 網站加載速度 網站打 俁

版權申明:本站文章部分自網絡,如有侵權,請聯系:west999com@outlook.com
特別注意:本站所有轉載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權歸原作者所有,如需使用,請與原作者聯系。

上一篇:2015年SEO自然流量數據增長與預期展望

下一篇:提升WordPress 打開速度全面解決方案(Avada)

宅男午夜福利美女来袭