延迟加载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>
相关推荐
尾善爱看海10 分钟前
不常用的浏览器 API —— Web Speech
前端
情缘晓梦.13 分钟前
C语言指针进阶
java·开发语言·算法
美酒没故事°1 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
南知意-2 小时前
IDEA 2025.3 版本安装指南(完整图文教程)
java·intellij-idea·开发工具·idea安装
jingling5552 小时前
css进阶 | 实现罐子中的水流搅拌效果
前端·css
码农水水2 小时前
蚂蚁Java面试被问:混沌工程在分布式系统中的应用
java·linux·开发语言·面试·职场和发展·php
海边的Kurisu2 小时前
苍穹外卖日记 | Day4 套餐模块
java·苍穹外卖
毕设源码-邱学长3 小时前
【开题答辩全过程】以 走失儿童寻找平台为例,包含答辩的问题和答案
java
他们叫我技术总监3 小时前
Python 列表、集合、字典核心区别
android·java·python
悟能不能悟3 小时前
前端上载文件时,上载多个文件,但是一个一个调用接口,怎么实现
前端