延迟加载JS有哪些方式

1、defer

等HTML全部解析完成,才会执行js代码,按顺序执行js脚本

复制代码
<script defer type='text/javascript' src='script.js></script>

2、async

async是和HTML解析同步的(一起的),不是按顺序执行js脚本(谁先加载谁先执行)

js文件不能有依赖关系

复制代码
// 例如:如果在a.js中引入了b.js就不能使用async
<script async type='text/javascript' src='script.js></script>
<script async type='text/javascript' src='a.js></script>
<script async type='text/javascript' src='b.js></script>
相关推荐
wear工程师1 分钟前
ThreadLocal 在线程池里为什么会串数据:别只会答内存泄漏
java·后端
Iruoyaoxh1 分钟前
栈和队列~
java·开发语言
审小匠OpenCPAi5 分钟前
银行流水核查怎么自动化?单边匹配、双向勾稽与图聚类异常检测的工程对比
java·前端·人工智能·python·审计
Revolution619 分钟前
一个公共表格组件,是怎么一步步失控的
前端·前端工程化
mONESY12 分钟前
React useState 核心原理与最佳实践:从异步更新到性能优化全解
javascript
码上上班21 分钟前
docker课程
java·docker·容器
腻害兔25 分钟前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:CRM 客户关系模块深度解析——从线索到回款,一套完整的 B2B 销售闭环是怎么搭的?
java·前端·javascript·vue.js·产品经理·ai编程
whyfail33 分钟前
前端学 Spring Boot(2):一次点击,如何穿过整个后端?
前端·spring boot·后端
达子6661 小时前
第9章_HarmonyOs图解 用Java开发UI
java·ui·harmonyos
AI多Agent协作实战派1 小时前
AI多Agent协作系统实战(二十三):Agent读HEARTBEAT.md不读AGENTS.md——openclaw的文件加载之谜
前端·数据库·人工智能·uni-app