zoukankan      html  css  js  c++  java
  • h5页面资源预加载

    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请求不会被中断

  • 相关阅读:
    hnust Snowman
    hnust 可口可乐大促销
    hnust 聚宝盆
    hnust 搬书
    hnust 神奇的序列
    hnust 懒人多动脑
    hnust CZJ-Superman
    集合Set--BST实现
    快速排序
    位运算符
  • 原文地址:https://www.cnblogs.com/baixinL/p/15221975.html
Copyright © 2011-2022 走看看