1

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

有什么建议吗?最佳实践?我已经通过 Stackoverflow 搜索和搜索,但我找不到任何关于大小限制或关于更容易浏览器消化的 html/js 代码布局建议的信息。(我从其他语言中知道,例如 C++,存在提示如何使大文件更易于编译器消化,从而加快编译速度。)

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

它是静态文件,问题也发生在本地。

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

4

1 回答 1

0

在 Chrome 中查看源代码不应导致其冻结。页面呈现快还是慢?如果是后者,则可能是恶意 JavaScript 运行的标志。您可以发布任何代码供我们查看吗?另外,您使用的是什么网络服务器?您可以尝试使用类似GZip CompressionJSCompress.

http://jscompress.com/

于 2012-10-10T09:25:30.600 回答