nomodule脚本在旧浏览器中同步阻塞加载，无async/defer效果；ie11将其视为普通script，导致首屏渲染延迟，需通过构建优化和内联关键逻辑来缓解性能瓶颈。
nomodule 脚本在旧浏览器里是同步阻塞加载的
旧浏览器（如 IE11、Android 4.4 WebView）根本不识别 nomodule 属性，会把它当普通 <script src="..."></script> 处理——这意味着它和没加任何属性的传统脚本行为完全一致：下载、解析、执行全程阻塞 HTML 解析。页面渲染会卡住，直到该脚本加载并执行完毕。
这不是 bug，是规范行为。现代浏览器用 type="module" 实现默认 defer，但 nomodule 没有这种“福利”，它只负责“被跳过”或“被当作普通脚本执行”，不附带任何加载策略。
- IE11 加载
legacy-bundle.js时，会暂停 DOM 构建，等 JS 执行完才继续 - 如果这个文件体积大（比如含完整 React + polyfill），首屏渲染延迟可能达数秒
-
async或defer不能加在nomodule脚本上——旧浏览器不支持这些属性，加了也无效
为什么不能给 nomodule 脚本加 async 或 defer
async 和 defer 在 IE11 及更老环境中要么被忽略，要么触发不可预测行为。尤其 async 在旧浏览器中常导致脚本提前执行、DOM 尚未就绪，document.getElementById 返回 null 是典型表现。
更重要的是：即使你强行加上，也不会改变 nomodule 的本质逻辑——它只是个“标记”，不是加载控制器。浏览器是否支持 async，和它是否理解 nomodule 是两回事。
宝塔面板11.3.0是一款针对Linux服务器设计的可视化管理工具，通过重构核心模块实现资源占用显著降低，尤其适合低配置服务器环境。它将复杂的命令行操作转化为直观的图形界面，帮助开发者快速完成网站部署、环境配置及日常运维工作，无需专业技术背景即可高效管理服务器。
- IE11 对
<script async nomodule src="..."></script>的处理 ≈<script src="..."></script> - Chrome/Firefox/Safari 看到
nomodule就跳过整行，async根本没机会生效 - 真正能控制旧浏览器加载节奏的，只有构建阶段的压缩、拆包、内联关键逻辑
legacy-bundle.js 体积失控时的实际影响
现代浏览器根本不会请求 legacy-bundle.js，所以它的体积对新用户无感；但对旧用户，它就是首屏性能瓶颈。一个 500KB 的未压缩 UMD 包，在 IE11 上可能造成 2–4 秒白屏。
这不是网络问题，而是解析+执行开销：IE11 的 JS 引擎对长函数、大量闭包、polyfill 注入极其敏感，尤其遇到 core-js/stable 这类全量垫片时，初始化时间会指数级增长。
- Webpack 构建时设
target: "ie11"仅解决语法兼容，不解决运行时膨胀 - 避免在
nomodule脚本里 import 非必要模块（如图表库、富文本编辑器） - 关键入口逻辑可内联进 HTML：
<script>window.app={init(){...}};</script>，再由legacy-bundle.js补充非关键能力
验证 nomodule 是否真被旧浏览器执行的可靠方式
别只看控制台有没有报错。IE11 静默忽略整个 <script nomodule></script> 标签的情况很常见——你以为它在跑，其实什么都没发生。
最直接的验证手段是组合观察：
- 在 IE11 开发者工具中执行
typeof module→ 应返回"undefined"（确认没进模块环境） - 检查
legacy-bundle.js是否出现在 Network 面板（现代浏览器不该出现，IE11 必须出现） - 在脚本开头加
console.log("legacy loaded")，刷新页面后看控制台是否有输出 - 若仍无反应，检查脚本是否含
const/let/箭头函数——IE11 会在语法解析阶段直接中断，连console.log都不会执行
nomodule，而是 legacy-bundle.js 本身是否真的能在目标环境里“活下来”。语法兼容只是门槛，执行路径、polyfill 覆盖粒度、全局污染控制，才是决定兜底成败的关键。
