预加载pre-load
浏览器会预先加载声明在html中的资源,但是可以通过在js或者css的标签中添加preload让浏览器也预先加载css或者js资源，如下:
<link href=/wa/js/chunk-vendors.44474edb.js rel=preload as=script>
预获取pre-fetch
浏览器在后台空闲时获取将来可能用到的资源，并将他们存储在浏览器的缓存中
<link href=/wa/js/slot.546afd12.js rel=prefetch>
<link rel="dns-prefetch" href="//img.alicdn.com"></link>
- pre-rendering
在后台tab中加载显示所有的资源
预获取和预加载的区别
- 预加载专注于当前页面，以较高的优先级下载
- 预获取专注于下一个页面要用到的资源，以较低的优先级下载
预连接 pre-connect
浏览器在一个http请求正式发送给服务器前执行一些操作，包括dns解析，tcp握手等
<link href="https://cdn.domain.com" rel="preconnect" crossorigin>
预加载pre-load
浏览器会预先加载声明在html中的资源,但是可以通过在js或者css的标签中添加preload让浏览器也预先加载css或者js资源，如下:
预获取pre-fetch
浏览器在后台空闲时获取将来可能用到的资源，并将他们存储在浏览器的缓存中
在后台tab中加载显示所有的资源
预获取和预加载的区别
预连接 pre-connect
浏览器在一个http请求正式发送给服务器前执行一些操作，包括dns解析，tcp握手等