JS 延迟加载是一种优化性能的技术，它延迟执行非关键代码，提升页面加载速度。具体方法包括：HTML 中使用 defer 属性；HTML 中使用 async 属性；使用 JavaScript 的 load 事件；使用 AMD 或 CommonJS 模块加载器。最佳实践：仅对非关键代码使用延迟加载，建议将脚本放在 HTML 底部并确保模块加载器配置正确。
如何让 JS 延迟加载？
延迟加载是一种优化 JavaScript 加载性能的技术，它可以推迟执行非关键 JavaScript 代码，直到需要执行为止。这可以加快页面加载速度，尤其是在页面初始加载时存在大量 JavaScript 代码的情况下。
实现 JS 延迟加载的方法：
1. HTML 中使用 defer 属性：
使用 defer 属性可以指示浏览器在解析完 HTML 文档后才加载 JavaScript 文件：
2. HTML 中使用 async 属性：
async 属性与 defer 类似，但它允许脚本在解析 HTML 文档时并行加载和执行：
3. 使用 JavaScript 的 load 事件：
在 JavaScript 中，可以在脚本元素上监听 load 事件，并在脚本加载完成后执行代码：
var script = document.createElement('script');
script.onload = function() {
// 脚本加载完成后的代码
};
script.src = "script.js";
document.head.appendChild(script);4. 使用 AMD 或 CommonJS 模块加载器：
AMD（Asynchronous Module Definition）和 CommonJS 是一种模块加载系统，允许按需加载 JavaScript 模块。这些模块加载器可以推迟模块加载和执行，直到它们被需要为止。
最佳实践：
- 仅对非关键 JavaScript 代码使用延迟加载。
- 使用
defer或async属性时，建议将脚本放在 HTML 文档的底部，以减少脚本解析和执行对页面加载速度的影响。 - 对于 AMD 或 CommonJS 模块，确保模块加载器正确配置，以实现延迟加载。
