我正在开发一个使用统一生成的 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/