答案：浏览器加载外部JavaScript文件最直接的方式是通过HTML的标签，其行为受放置位置及async、defer属性影响。将脚本置于中会阻塞DOM构建，导致白屏；放在前可减少阻塞。使用async实现异步下载、下载完成立即执行，适用于无依赖的独立脚本；defer实现异步下载、延迟至DOM解析完成后按序执行，适合依赖DOM或有顺序要求的脚本。动态创建script标签可实现按需加载，不阻塞解析，适合条件加载。ES模块通过type="module"引入，具有defer特性，支持import/export语法。加载方式直接影响页面性能：阻塞式加载拖慢渲染，影响FCP和LCP；大体积脚本增加TBT，导致卡顿；过多请求增加网络开销；依赖错误引发运行异常；缺乏缓存则重复下载。优化实践包括：合理使用async/defer、脚本后置、代码分割、按需加载、压缩、CDN分发、强缓存策略、预加载与预获取、Tree Shaking、避免臃肿库、耗时任务移至Web Worker。综合运用可显著提升加载速度与用户体验。
浏览器加载外部JavaScript文件，最直接的方式就是通过HTML中的
这种方式，如果脚本放在
里，它会阻塞页面的渲染，直到脚本下载、解析并执行完毕。这在过去是个大问题，尤其对于体积大的脚本，用户会看到白屏。所以，很多时候我们会建议将脚本放在闭合标签之前，这样至少HTML内容可以先呈现出来。但仅仅放到
