script 是会阻碍 HTML 解析的,只有下载并执行完脚本才会继续解析 HTML。
-
相同点:
async
和defer
都是异步下载脚本,不会阻塞html的解析。 -
区别:
-
async
的执行与文档的顺序无关,先加载完哪个就先执行哪个;多个defer
会按照文档中的顺序执行, -
async
加载完后立即执行;defer
需要等到所有元素解析完成后DOMContentLoaded
事件触发前按照顺序执行。
-
下面的图解释了它们的加载和执行过程
asyncdefer更新时间:2024-08-22 09:12:40
script 是会阻碍 HTML 解析的,只有下载并执行完脚本才会继续解析 HTML。
相同点:async
和defer
都是异步下载脚本,不会阻塞html的解析。
区别:
async
的执行与文档的顺序无关,先加载完哪个就先执行哪个;多个defer
会按照文档中的顺序执行,
async
加载完后立即执行;defer
需要等到所有元素解析完成后DOMContentLoaded
事件触发前按照顺序执行。
下面的图解释了它们的加载和执行过程