首页 > 其他 > 详细

h5页面资源预加载

时间:2021-09-03 23:57:43      阅读:4      评论:0      收藏:0      [点我收藏+]

link标签:

rel的preload 和prefetch,

 

Preload:

 

结合使用as="script|style|image|font|video|audio|document"规定资源类型,如果as被忽略,当作异步请求处理

href 指明资源路径

跨域请求结合使用crossorigin属性,否则可能导致资源二次加载

onload 资源加载成功回调

onerror 资源加载失败回调

特点:

资源加载发生在渲染前,并且不影响onload

支持加载多种格式的资源,支持跨域

如果加载的时js,js的加载和执行时分离的,被调用的时候才会执行

使用场景:

必须提前加载的资源,但不影响onload

 

 

prefetch:

prefetch利用浏览器的空闲时间加载的一种机制,

使用场景:

一般用于加载非首页资源,加快其他页面的首屏速度

特点:

一般会缓存5分钟,无论资源是否可缓存

页面发生跳转时,不会prefetch请求不会被中断

 

h5页面资源预加载

原文:https://www.cnblogs.com/baixinL/p/15221975.html

(0)
(0)
   
举报
评论 一句话评论(0
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!