爱美眉网站源码,做网站的开发语言,家政 东莞网站建设,地方旅游网站开发script 标签中的 defer Vs. async
在 HTML 中#xff0c;script 标签可以使用 defer 和 async 属性来控制外部 JavaScript 脚本加载和执行的方式。defer 和 async 都可以提高页面的加载性能#xff0c;主要区别整理如下。
区别点deferasync加载顺序按顺序加载异步加载…script 标签中的 defer Vs. async
在 HTML 中script 标签可以使用 defer 和 async 属性来控制外部 JavaScript 脚本加载和执行的方式。defer 和 async 都可以提高页面的加载性能主要区别整理如下。
区别点deferasync加载顺序按顺序加载异步加载不保证加载顺序执行顺序按文档中出现的顺序执行加载完立即执行不保证执行顺序执行时机HTML 文档完全解析后执行但在 DOMContentLoaded 事件之前可能在 HTML 文档解析完成之前执行阻塞行为不会阻塞 HTML 的解析浏览器解析 HTML 文档脚本在后台异步加载不会阻塞 HTML 的解析浏览器解析 HTML 文档脚本在后台异步加载适用场景需要保证执行顺序并在文档解析完成后再执行的脚本。如依赖于 DOM 的脚本。不依赖其他脚本、不依赖 DOM 的独立脚本。如分析工具或广告脚本。 注意如果不使用 defer 或 async 属性浏览器在遇到 script 标签时会阻塞 HTML 解析直到脚本加载和执行完毕后才继续解析。使用 defer 或 async 后脚本的记载是异步的由网络进程实现不会阻塞HTML 解析脚本的执行是同步的会占用渲染进程defer 脚本的执行不会阻塞解析但 async 脚本可能会阻塞 HTML 解析。
