延迟加载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>
相关推荐
聚美智数6 小时前
智能结构化识别-图片结构解析-图像结构化解析-照片结构化解析
android·java·数据库
十年Java程序媛6 小时前
Java枚举Enum完整教程|替代静态常量,开发与面试要点
java·开发语言·spring boot·后端·面试
我是人✓6 小时前
SpringBoot静态资源映射揭秘
java·spring boot·后端
lpfasd1236 小时前
node-sass 停止维护!老项目迁移 Dart Sass 完整教程
前端·rust·sass
土豆.exe7 小时前
nf_tables 的 verdict 被读了两次:一个十年未闭合的位域错配
java·数据库·网络安全·缓存
小坏讲微服务8 小时前
刚发布一个月的JDK 27,为什么我建议你立刻升级?
java·开发语言·spring boot·spring·架构·求职招聘·springboot4
kunicoding8 小时前
多线程编程核心概念详解:从线程基础到并发安全
java·jvm·安全
snow@li8 小时前
SpringBoot:核心注解全景梳理 / @xxx 叫“注解”(Annotation)
java·spring
devilnumber8 小时前
避坑_IDEA 提取方法(Extract Method)工具
java·ide·intellij-idea
鬼手点金9 小时前
Agent 的学习机制:后训练、上下文学习与外部化学习
java·人工智能·git·学习·自动化·nanogpt