首页 Javascript 正文
180

资源预加载

  • yiqingpeng
  • 2019-01-07
  • 0
  •  
DNS预解析 DNS-Prefetch
<link rel="dns-prefetch" href="http://example.com">

预连接(预先进行TCP握手并建立传输层协议)
<link rel="preconnect" href="http://example.com">

预获取(加载资源并缓存它)
<link rel="prefetch" href="image.png">

高优先级的预获取(比prefetch优先加载)
<link rel="subresource" href="style.css">

预渲染(相当打开一个隐藏的tab页)
<link rel="prerender" href="http://example.com">

Preload预获取, 与prefetch不同的是,preload是一定会获取,而prefetch有可能会忽略。
<link rel="preload" href="image.png" as="image"> 注意必须加上as属性,其有效的值为:audio, document, embed, fetch, font, image, object, script, style, track, worker, video

正在加载评论...