link小结(js的预加载方式)

link 元标签 学习小结 分享给大家

  1. rel 预处理类link
    预处理类link标签就是允许我们控制浏览器,提前针对一些资源去做这些操作,以提高性能
    列举link类型:
  • dns-prefetch 型link提前对一个域名做dns查询,这样的link里面的href实际上只有域名有意义

 下边的用法基本都是这样就不一一举例了
  • preconnect型link 提前对一个服务器建立tcp链接
  • prefetch型link提前取href指定的url的内容
  • preload型link提前渲染href指定的url
  • prerendner 型link提前渲染href 指定的url
  1. relmodulepreload 型的link
    modulepreload 型的link作用预先加载一个js模块 .这可以保证js模块不必等到执行时才加载(只加载不运行 存储在内存中)




//  等价于

                    
                    

你可能感兴趣的:(学习笔记)