标签:onload js h5 prefetch 页面 资源 加载
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请求不会被中断
标签:onload,js,h5,prefetch,页面,资源,加载 来源: https://www.cnblogs.com/baixinL/p/15221975.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。