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

Question

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

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

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

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

Answer 1

根据我的经验，Javascript中的数据处理时间通常会因传输时间和渲染显示所需的时间而相形见绌。基于此，我建议选择1。

但是，在您的特定情况下最好的确取决于您的具体情况 - 您必须尝试。听起来你有所需的所有代码/数据，所以为什么不进行一个简单的实验来看看哪一个最适合你。