开发者社区> 问答> 正文

script标签中defer和async的区别?

展开
收起
前端问答 2019-12-15 16:44:24 1033 0
1 条回答
写回答
取消 提交回答
  • 前端问答小助手

    defer:浏览器指示脚本在⽂档被解析后执⾏,script被异步加载后并不会⽴刻执⾏,⽽是等待⽂档被解析完毕后执⾏。

    async:同样是异步加载脚本,区别是脚本加载完毕后⽴即执⾏,这导致async属性下的脚本是乱序的,对于script有先后依赖关系的情况,并不适⽤。

    image.png

    蓝⾊线代表⽹络读取,红⾊线代表执⾏时间,这俩都是针对脚本的;绿⾊线代表 HTML 解析

    2019-12-15 16:45:28
    赞同 1 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Let's Work Together On The Future Of JavaScript Through TC39 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载