一 defer与async区别：
1. <script async src="script.js">：加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。
2. <script defer src="myscript.js">：加载后续文档元素的过程将和 script.js 的加载并行进行（异步）,但是 script.js 的执行要在所有元素解析完成之后,DOMContentLoaded 事件触发之前完成。
图：蓝色线代表网络读取,红色线代表执行时间,这俩都是针对脚本的。绿色线代表 HTML 解析。
原文：https://www.cnblogs.com/terrymin/p/14430718.html