美文网首页
webpack中的preload和prefetch

webpack中的preload和prefetch

作者: Gino_Li | 来源:发表于2021-01-24 22:28 被阅读0次

官方解释:

prefetch(预获取):将来某些导航下可能需要的资源
preload(预加载):当前导航下可能需要资源

比较:

  • 与 prefetch 指令相比,preload 指令有许多不同之处:
  • preload chunk 会在父 chunk 加载时,以并行方式开始加载。prefetch chunk 会在父 chunk 加载结束后开始加载。
  • preload chunk 具有中等优先级,并立即下载。prefetch chunk 在浏览器闲置时下载。
  • preload chunk 会在父 chunk 中立即请求,用于当下时刻。prefetch chunk 会用于未来的某个时刻。
  • 浏览器支持程度不同。

相关文章

  • prefetch新能优化及quicklink应用

    prefetch 与 preload webpack优化之preload和prefetch里面介绍了preload...

  • webpack中的preload和prefetch

    官方解释: prefetch(预获取):将来某些导航下可能需要的资源preload(预加载):当前导航下可能需要资...

  • webpack 懒加载篇

    prefetch 和 preload 1,prefetch 是父 chunk 加载完成后,再加载。preload ...

  • webpack优化之preload和prefetch

    prefetch 这段代码告诉浏览器,这段资源将会在未来某个导航或者功能要用到,但是本资源的下载顺序权重比较低。也...

  • webpack优化之preload和prefetch

    prefetch 这段代码告诉浏览器,这段资源将会在未来某个导航或者功能要用到,但是本资源的下载顺序权重比较低。也...

  • web性能优化

    Preload,Prefetch的使用

  • preload和prefetch

    参考资料: MDN preload preload 有什么好处 Preload, Prefetch And Pri...

  • Prefetch,Preload

    默认设置是async 1 .一般我们都是将splitChunks.chunks字段打包成all,可以同时对同步和异...

  • prefetch和preload的对比

    两者相同点 浏览器请求资源,不执行 两者的区别 preload强制浏览器获取当前需要的资源,优先级高, prefe...

  • prefetch、preload 区别

    转载: 浏览器页面资源加载过程与优化 用 preload 预加载页面资源 纠正 上图来自第一篇文章,图中圈起来的部...

网友评论

      本文标题:webpack中的preload和prefetch

      本文链接:https://www.haomeiwen.com/subject/wtpvzktx.html