延迟加载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>
相关推荐
JEECG低代码平台7 分钟前
JeecgBoot低代码平台 Ant Design Vue 4.x 升级避坑指南
前端·vue.js·低代码
yashuk8 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
唐叔在学习25 分钟前
e.preventDefault()到底怎么用?
前端·javascript
北寻北爱32 分钟前
面试题-vue篇
前端·vue.js
XPoet34 分钟前
AI 编程工程化:Skill——给你的 AI 员工装上技能包
前端·后端·ai编程
JEECG低代码平台34 分钟前
JeecgBoot低代码平台 Qiankun 微前端集成指南:主应用配置全流程
前端·低代码
阿珍爱上了阿强,在一个有星星的夜晚42 分钟前
node后端页面性能监测分析
java·学习方法
Java程序之猿1 小时前
SpringBoot + camel+IBM MQ实现消息队列处理
java·spring boot·mybatis
Highcharts.js1 小时前
Highcharts React v4.2.1 正式发布:更自然的React开发体验,更清晰的数据处理
linux·运维·javascript·ubuntu·react.js·数据可视化·highcharts