减少请求的文件大小或减少浏览器计算的数量？

Question

我有一些要显示在网页上的数据。 有很多数据，所以我真的需要找出最优化的加载和解析方法。 CSV格式的文件大小为244K，JSON格式的文件大小为819K。 如我所见，我有三种不同的选择：

1. 加载网页并作为Ajax请求以CSV格式获取数据。 然后在浏览器中将数据转换为JS对象（我正在使用D3.js库的内置方法来完成此操作）。
2. 加载网页并作为Ajax请求以JSON格式获取数据。 数据准备就绪。
3. 将主JS文件中的数据硬编码为JS对象。 无需任何异步请求。

方法一的优点是减小了文件大小，但缺点是必须循环浏览器中的所有（2700）行数据。 第二种方法为我们提供了最终格式的数据，因此不需要繁琐的客户端操作。 但是，JSON文件的大小很大。 方法三的优点是跳过对服务器的其他请求，而缺点是初始页面加载时间较长。

在优化方面，哪种方法最好？

Answer 1

以我的经验，Javascript中的数据处理时间通常与传输时间和呈现显示所花费的时间相形见war。 基于此，我建议选择选项1。

但是，实际情况中的最佳选择确实取决于您的具体情况-您必须尝试。 听起来您已经拥有执行此操作所需的所有代码/数据，所以为什么不运行简单的实验以查看哪个最适合您。