javascript - 拆分非常大的 javascript 文件

标签 javascript google-chrome unity3d unity-webgl

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

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

最佳答案

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

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

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

关于javascript - 拆分非常大的 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40155836/

相关文章:

javascript - 提交表单后刷新页面

Javascript 警报仅在 Chrome 中阻止音频循环

google-chrome - Google Chrome 如何知道我当前的 GPS 位置以及如何在我的代码中使用它?

c# - 无法序列化我的游戏统计数据

c# - 统一: Text type issue in a ScoreManager script

javascript - winston 与类 - 为每个文件创建新实例

javascript - Chartist.js 删除标签?

javascript - Chrome 的 JavaScript 控制台是否懒惰评估对象?

c# - 如何使用 Unity 多播 UDP 套接字改进数据同步

javascript - 将一个 li & ul 标签的数据从一个 div 类标签转移到另一个没有任何 li & ul 标签的 div id 标签,只有数据