初面网初面网

延迟加载js的方法

async、defer

一般是以script为标签,并且带有src属性的标签。

<script src="链接地址" async></script>

<script src="链接地址" defer></script>

一般加载脚本的流程是:解析html内容,遇到脚本暂停解析,转而下载脚本、执行脚本,然后继续解析html内容。

使用async时,脚本的下载是随着html解析同时存在的,仅当执行脚本的时候会阻塞html的解析

使用defer时,html不会发生阻塞,下载也是随html解析同时存在,执行脚本的时机在html解析完毕之后

特别注意:async标定的脚本执行顺序不一定,defer则一定是顺次执行。

更新于 2025/2/26