JavaScript延迟加载（也称为懒加载或按需加载）是优化网页性能的一种重要技术，尤其是在处理大量脚本或资源时最简单的办法是我们⼀般采⽤的是将 js 脚本放在⽂档的底部，来使 js 脚本尽可能的在最后来加载执⾏。。下面列举了几种常见的JavaScript延迟加载的方式：
使用async属性
async属性允许浏览器异步地加载和执行脚本，而不会阻塞页面的解析。这意味着浏览器会在遇到脚本标签时开始下载脚本，但脚本的下载和执行不会阻塞页面的其他部分。
html
使用defer属性
defer属性会告诉浏览器，脚本应该在文档完全解析后，但在DOMContentLoaded事件触发前执行。使用defer可以确保脚本在DOM准备好之后执行，但不会阻塞页面的渲染。
html
动态创建脚本
通过JavaScript动态创建