当前的位置： 捷杰建站   前端开发

【基础知识】【转】彻底搞懂 async & defer

前端开发 作者： 2024-08-20 18:10:01
普通 script 先来看一个普通的 script 标签。 <script src="a.js"></script> 浏览器会做如下处理 停止解析 docu 
<script src="a.js"></script>
  • 停止解析 document.
  • 请求 a.js
  • 执行 a.js 中的脚本
  • 继续解析 document
="d.js" defer>
="e.js">
  • 不阻止解析 document， 并行下载 d.js,e.js
  • 即使下载完 d.js,e.js 仍继续解析 document
  • 按照页面中出现的顺序，在其他同步脚本执行后，DOMContentLoaded 事件前 依次执行 d.js,e.js。
="b.js" async="c.js">
  • 不阻止解析 document,并行下载 b.js,c.js
  • 当脚本下载完后立即执行。（两者执行顺序不确定，执行阶段不确定，可能在 DOMContentLoaded 事件前或者后 ）
  • 如果 script 无 src 属性，则 defer,async 会被忽略
  • 动态添加的 script 标签隐含 async 属性
  • 两者都不会阻止 document 的解析
  • defer 会在 DOMContentLoaded 前依次执行 （可以利用这两点哦！）
  • async 则是下载完立即执行，不一定是在 DOMContentLoaded 前
  • async 因为顺序无关，所以很适合像 Google Analytics 这样的无依赖脚本

Reference

原创声明
本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
本文链接：http://www.jiecseo.com/news/show_65650.html
【基础知识】【转】彻底搞懂 async & defer

相关新闻

Linux下DedeCMS详细安全设置教程
dedecms 上传目录路径
织梦58织梦模板加固版教程详解
加固版织梦CMS整站源码通用安装教程
织梦安装入门视频教程（织梦58莹莹主讲）
修改dede专题管理功能 自定义节点容器模板
织梦(Dedecms)文档关键词维护,文章页自动添加关键词内链锚文本
dedecms把文章批量设为未审核的办法
使用DEDE织梦计划任务功能定时更新首页

本站采用系统自动发货方式，付款后即出现下载入口，如有疑问请咨询在线客服！

售后时间：早10点 - 晚11:30点

咨询售后客服

推荐模板

推荐精华

热门标签

网站模板 企业网站模板 网站模板下载 简单大气 个人网站模板 手机网站模板 响应式网站模板 门户网站模板 下载免费网站模板 学校网站模板 网站模板免费下载 旅游网站模板 电子商务网站模板 公司网站模板 教育网站模板 外贸网站模板 政府网站模板 新闻网站模板 免费网站模板下载 导航网站模板 音乐网站模板 班级网站模板 传奇网站模板 网站 模板 php个人网站模板 汽车网站模板 html个人网站模板 个人网站模板下载 工艺品网站模板 广告公司网站模板
服务热线 19970861797
服务热线 19970861797服务热线 19970861797
售前咨询
售后客服
立即联系
售前客服
立即联系
售后服务
售后客服
立即联系
投诉电话：19970861797
手机二维码
【捷杰建站】
关于我们| 支付账号| 帮助中心| 客户服务| 售后服务| 网站地图 AI工具箱

Copyright © 2024 jiecseo.com All rights reserved.  粤ICP备18085929号

欢迎光临【捷杰建站】，本站所有资源仅供学习与参考，禁止用于商业用途或从事违法行为！

技术营运：深圳市晟艺互动传媒有限公司