动态创建标签
动态创建的 <script >
动态创建的 <img>
使用 defer 属性
在 <script>
标签中添加 defer 属性,可以将脚本的执行推迟到文档解析完成后再执行。
使用 async 属性
脚本会在下载完成后立即执行
动态加载模块(ES6+)
使用动态 import() 方法来延迟加载模块。
import() 方法返回一个 Promise,可以使用 then() 方法处理加载成功后的模块,或使用 catch() 方法处理加载失败的情况。
使用 setTimeout 或 setInterval
设置一个定时器,在指定的时间后执行相关代码或加载资源。
使用事件监听器
监听页面滚动、鼠标移动等事件,当事件触发时再执行相关代码或加载资源。
使用 Intersection Observer
Intersection Observer API 可以观察元素是否进入视口,并在满足条件时执行相关代码或加载资源。