一：Preload
preload是一个预加载关键字。它显式地向浏览器声明一个需要提前加载的资源。使用方式如下：
在<head>中写入<link rel="preload" href="some-resource-url" as="xx">（包括用JS创建<link>元素并插入到<head>）
在HTTP头部加上Link: <some-resource-url>; rel=preload; as=xx
当浏览器“看”到这样的声明后，就会以一定的优先级在后台加载资源。加载完的资源放在HTTP缓存中。而等到要真正执行时，再按照正常方式用标签或者代码加载，即可从HTTP缓存取出资源。
使用Preload加载资源的方式有以下几个特点：
提前加载资源
资源的加载和执行分离
不延迟网页的load事件（除非Preload资源刚好是阻塞 window 加载的资源）
二：预测解析
在解析 HTML 时收集外链资源。并将它们添加到一个列表，在后台并行下载。预测解析也实现了提前加载以及加载和执行分离。
三：async
对于async，这个是html5中新增的属性，它的作用是能够异步的加载和执行脚本，不因为加载脚本而阻塞页面的加载。一旦加载到就会立刻执行在有async的情况下，js一旦下载好了就会执行，所以很有可能不是按照原本的顺序来执行的。如果js前后
有依赖性，用async，就很有可能
出错。
四：defer
对于defer，我们可以认为是将外链的js放在了页面底部。js的加载不会阻塞页面的渲染和资源的加载。不过defer会按照原本的js的顺序执行，所以如果前后有依赖关系的js可以放心使用
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
