异步加载js文件的核心方法有：1. 使用async属性，实现脚本的异步下载和立即执行，不阻塞html解析，但不保证执行顺序；2. 使用defer属性，异步下载脚本并在html解析完成后、domcontentloaded事件前按顺序执行，适合依赖dom或有依赖关系的脚本；3. 动态创建script元素，通过javascript控制加载时机，适用于按需加载、第三方集成等场景，并需处理onload和onerror事件；4. 使用es modules的动态导入（import()），返回promise，实现模块的按需异步加载。选择async还是defer取决于脚本是否依赖dom或执行顺序：独立脚本用async，依赖dom或需顺序执行的脚本用defer；动态加载需注意错误处理、避免重复加载、安全性及缓存问题，且应避免使用fetch加eval的方式。这些方法共同提升页面加载速度和用户体验，减少关键渲染路径的阻塞时间，是现代web性能优化的关键实践。
在JavaScript中实现文件异步加载，核心在于避免脚本阻塞页面的渲染和解析。这通常通过在
使用 defer
属性：
带有
defer属性的脚本也会异步下载，但它们的执行会被推迟到HTML文档解析完成后，并且在
DOMContentLoaded事件触发之前。
defer脚本会按照它们在文档中出现的顺序执行。
动态创建
