延迟加载 JavaScript 有以下几种常见的方式：
一、动态创建<script>元素
这是一种直接而灵活的方法。通过在页面加载过程中动态创建<script>元素，并设置其属性，如src、async或defer，然后将其添加到文档中。这样可以在需要时才加载脚本，避免在页面初始加载时阻塞其他资源。
二、使用事件触发加载
可以监听页面上的特定事件，如滚动、点击等，当事件发生时再加载 JavaScript。这种方式可以根据用户的行为来决定何时加载脚本，提高用户体验和性能。
三、按需加载模块
如果使用模块系统（如 ES6 模块），可以根据实际需求在特定的代码路径中动态导入模块。只有在需要使用该模块时才会进行加载，避免不必要的提前加载。
四、分块加载
将大型的 JavaScript 文件分割成多个小的模块或块，然后根据需要逐步加载这些模块。这样可以减少单次加载的文件大小，提高加载效率。
五、基于路由的加载
对于单页应用（SPA），可以根据当前的路由或页面状态来决定加载哪些相关的 JavaScript 脚本，只加载与当前页面相关的代码。
六、利用浏览器缓存
确保已正确设置缓存策略，让浏览器可以缓存已经加载过的脚本。这样在后续访问时，可以直接从缓存中获取，减少重复加载。
七、懒加载库和插件
一些第三方库和插件提供了懒加载的功能，可以按照其文档中的说明进行配置和使用，实现延迟加载的效果。
延迟加载 JavaScript 可以有效地提高页面的加载速度和性能，减少初始加载时间，提升用户体验。在实际应用中，需要根据具体的项目需求和情况选择合适的方式，并进行合理的优化和调整。
