开发者社区 问答 正文

script标签中defer和async的区别?

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

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

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

    image.png

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

    2019-12-15 16:45:28
    赞同 1 展开评论
问答分类:
问答地址: