javascript - 如何处理大型 html/js 文件？

Question

我正在开发基于 HTML/JS 的报告，该报告应该由一个文件组成。因此，当前报告为 500 kB，但效果很好。然而，当你想在 Chrome 中查看源代码时，它可能会卡住。我正在处理的一份新报告包含更多数据，目前约为 1.5 MB。在 Chrome 中查看源代码或多或少是不可能的，而且我担心这可能会在慢速设备上造成麻烦。

有什么建议吗？最佳实践？我在 Stackoverflow 上进行了谷歌搜索，但找不到任何有关大小限制或 html/js 代码布局建议以方便浏览器消化的信息。 (我从其他语言(例如 C++)中了解到，存在一些提示，可以让编译器更好地消化大文件，从而加快编译速度。)

编辑:当前报告的代码大小为 99% HTML。 (表格)表格随后用Datatables进行美化。 。不幸的是，删除所有 JS 代码并没有什么区别。顺便说一句，我尝试过删除空格(1.5 MB -> 1.1 MB)，并从数组加载数据，而不是将它们存储在硬编码的 html table、tr 中, td 元素(1.5 MB -> 1.6 MB)，但性能特征没有改变。

是静态文件，本地也会出现问题。

第二次编辑:我现在将其余的硬编码表格内容转换为 JS 数组并删除了空格，进一步减小了大小。现在文件大小为 900 kB，加载效果明显更好，卡住时间现在只有大约 3-5 秒。

Answer 1

在 Chrome 中查看源代码不应导致其卡住。页面渲染速度快还是慢？如果是后者，则可能是流氓 JavaScript 运行的迹象。您可以发布任何代码供我们查看吗？另外，您使用什么网络服务器？您可以尝试使用 GZip Compression 或 JScompress 等方法来减小页面大小。

http://jscompress.com/