当前位置: 首页> 视频营销

不只是少一点!如何全面提高网页的打开速度

发布时间:20-05-29

对于︶︷︸加载精简来说,最大的好处莫过于对页面的加速。加速有两点:

第一是"由❤☜ō于资源加载▌量减少,对于页¨面首屏加载速度的提升;

第二是某些加○载‖精简的方法,会在一定程度上加快页面的渲染速度。

同Ц时$,由于加载量的减少,剩下了一些带⿹宽,从而减少了带宽费用ю。

当╟然,事情都有两面的地方。加载精简会在一定程∽度上影响页面的SEO;部分方法也会造成一些额外的脚本开销Ξ。

寻找合适┖你的方法很重要,毕竟每个网站性质←、用处Э、节点都可┝能不同。比如项目初期,可能⿱宣传和扩散知名度方面重要些,这时候建议不要大量๑使用动态生成内容的方式,影响SEБO。

第1章 存储资源

1.1 离线存╫储

1.1.1 为了移动

由于浏览器支持情况不同,离ㄨ线存储在PC端没有大量的使用,▲反而在☆移动端的支々持情况越来越好,如今Android、iOS都能使用离线存储,所以离线存储广泛的使用于离线APP应用。

对于离线存储,最重要█的便是manifest文件。我们将需要缓存的文件列入cacheⅤ段,将不需要缓存的内容列入network段即可。

图2-1 manife▼⊙st文件示例

当浏览器加载页面时,发℃现*manifest文件后,会检查它的内容是不是有修改,如果是,重新下载cache段的文件并缓存;如果不是,则跳☞过。

图2-2ⓛ 更新离线缓存

需要注意Ψ的是,≠当我们使用¤๑离线存储时,浏览器会强行┎只读离线缓存的文⌒件。Ⅲ我们需要⿺将页面使用到的所有的资源都列入manifest文┈┉件中,不论是在caↈche段,还是networ҉k⊙段。否则浏览器将报错,说找不到文件。

图2-3 Ф未Л将所有文件列入的加载报错情况

上一篇: 经济学人:崛起中的亚洲女性网购力量–完整版报告
下一篇: 面孔2007(续)