浏览器渲染

进程是一个应用程序，线程是应用程序中具体做事情的，一个进程 可能包含 多个线程。（进程相当于公司，线程相当于职员）
浏览器打开页面 会开辟一个进程（每一个页面都是一个进程），一个线程 同时只能干一件事，浏览器本身是多线程的，渲染页面的 GUI渲染线程，请求资源的 HTTP网络线程

浏览器自上而下进行

css

白屏优化

优化css
image.png

简单理解：
async 谁先回来谁先加载，乱序，如果文件之间有依赖
会报错 .适用于（JS中没有相互依赖的）
defer等待所有JS加载完，根据顺序去分别渲染JS（JS中有相互依赖的）

当浏览器碰到 script 脚本的时候：
<script src="script.js"></script>
没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素读到就加载并执行。
<script async src="script.js"></script>
有 async，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。
<script defer src="myscript.js"></script>
有 defer，加载后续文档元素的过程将和 script.js 的加载并行进行（异步），但是 script.js 的执行要在所有元素解析完成之后，DOMContentLoaded 事件触发之前完成。