javascript - 拆分非常大的 javascript 文件

Question

我正在开发一个使用统一生成的 webgl 内容的 Web 项目。尝试加载所需的 js 文件时，浏览器会卡住大约 30 秒。主 js 文件的解压缩大小为 35MB，因此这似乎是原因。

我想尽可能避免这种卡住，但我无法使用 WebWorkers 来做到这一点，因为脚本需要访问 UI。我的另一个可能的解决方案是尝试将 js 文件拆分成更小的文件，但我不知道该怎么做。你有什么建议吗？

Answer 1

如果添加 async像这样添加到您的脚本标签 <script async src="app.min.js"></script>它不会再阻塞渲染。此外，在浏览器中缓存脚本或从 CDN 传送脚本有助于减少下载时间。

但是，35MB 对于一个网站来说太多了。你确定里面没有很多库之类没用的东西吗？

我们最近写了一篇关于网络性能最佳实践的文章，解释了关键渲染路径和其他前沿问题 here