脚本调用策略小结:
脚本阻塞问题有两种解决方案 —— async 和 defer
1. async:
如果脚本无需等待页面解析,且无依赖独立运行,那么应使用 async。
(异步加载,立即执行:脚本下载完成后,会立即执行;无法保证脚本的执行顺序)
2. defer:
如果脚本需要等待页面解析,且依赖于其它脚本,调用这些脚本时应使用 defer,将关联的脚本按所需顺序置于 HTML 中。
(异步加载,延后执行:脚本下载完成后,会等待页面下载解析完成后,再执行;可以保证脚本按书写顺序执行)