不只是少一点！如何全面提高网页的打开速度
2019-12-23 来源：tgideas.qq.com
对于加载精简来说，最大的好处莫过于对页面的加速。加速有两点：
第一是由于资源加载量减少，对于页面首屏加载速度的提升；
第二是某些加载精简的方法，会在一定程度上加快页面的渲染速度。
同时，由于加载量的减少，剩下了一些带宽，从而减少了带宽费用。
当然，事情都有两面的地方。加载精简会在一定程度上影响页面的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
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。
