我正在处理基于HTML / JS的报告,应该包含一个文件。因此,目前的报告是500 kB,但这种方法效果很好。但是,当您想要在Chrome中查看源代码时,它可能会冻结。我正在处理的新报告包含更多数据,目前大约1.5 MB。在Chrome中看到源代码或多或少是不可能的,我担心它会在慢速设备上造成麻烦。
有什么建议吗?最佳做法?我已经用Google搜索并搜索了Stackoverflow,但我找不到任何有关大小限制或html / js代码布局建议以便于浏览器消化。 (我从其他语言,例如C ++知道,存在如何使编译器更好地消化大文件的提示,从而导致更快的编译。)
编辑:当前报告的代码大小为99%HTML。 (表格)表格随后用Datatables美化。删除所有JS代码不幸没有任何区别。顺便说一句,我已经尝试删除空格(1.5 MB - > 1.1 MB)并从数组加载数据,而不是将它们存储在硬编码的html table
,tr
,{{1}中元素(1.5 MB - > 1.6 MB)但性能特征没有改变。
这是静态文件,问题也在本地发生。
第二次编辑:我现在将其余的硬编码表内容转换为JS数组并删除了空格,进一步减小了大小。现在文件的速度为900 kB,负载明显更好,冻结现在只需3-5秒。
答案 0 :(得分:0)
在Chrome中查看源代码不应导致其冻结。页面是快速还是慢速渲染?如果是后者,它可能是流氓JavaScript运行的标志。您可以发布任何代码供我们查看吗?另外,您使用的是什么Web服务器?您可以尝试使用GZip Compression
或JSCompress
等内容来缩小网页尺寸。