900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 延迟加载js有哪些方式

延迟加载js有哪些方式

时间:2019-02-06 14:25:39

相关推荐

延迟加载js有哪些方式

1.正常情况下:

<script type="text/javascript"></script>

html解析->(遇到js脚本)html解析暂停(此处开始:js下载->js执行)->html解析

2.加async情况下:

<script async type="text/javascript"></script>

html解析(遇到js脚本)(继续html解析,并且此处开始:js下载)

->

(js下载完后)html解析暂停(此处开始:js执行)

->

html解析

总结:async是js脚本谁先加载完,谁先执行

3.加defer情况下:

<script defer type="text/javascript"></script>

html解析(遇到js脚本)(继续html解析,并且此处开始:js下载)

->html解析

->js执行

总结:defer是html全部解析完,顺序执行js脚本

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。