Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/394.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 减少请求的文件大小或减少浏览器计算的数量?_Javascript_Ajax_Json_D3.js - Fatal编程技术网

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

Javascript 减少请求的文件大小或减少浏览器计算的数量?,javascript,ajax,json,d3.js,Javascript,Ajax,Json,D3.js,我有一些数据要显示在网页上。有相当多的数据,所以我真的需要找出最优化的加载和解析方法。在CSV格式中,文件大小为244K,在JSON中为819K。在我看来,我有三种不同的选择: 加载网页并以Ajax请求的形式获取CSV格式的数据。然后将数据转换为浏览器中的JS对象(我使用D3.JS库的内置方法来实现这一点) 加载网页并以Ajax请求的形式获取JSON格式的数据。数据已准备就绪,可以按原样运行 将主JS文件中的数据硬编码为JS对象。不需要任何异步请求 方法1的优点是减小了文件大小,但缺点是必须循环

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

  • 加载网页并以Ajax请求的形式获取CSV格式的数据。然后将数据转换为浏览器中的JS对象(我使用D3.JS库的内置方法来实现这一点)
  • 加载网页并以Ajax请求的形式获取JSON格式的数据。数据已准备就绪,可以按原样运行
  • 将主JS文件中的数据硬编码为JS对象。不需要任何异步请求
  • 方法1的优点是减小了文件大小,但缺点是必须循环浏览浏览器中的所有(2700)行数据。第二种方法以end格式提供数据,因此不需要繁重的客户端操作。然而,JSON文件的大小是巨大的。第三种方法的优点是跳过对服务器的额外请求,缺点是初始页面加载时间较长


    在优化方面,哪种方法是最好的?

    根据我的经验,Javascript中的数据处理时间通常比传输时间和显示时间要短。基于此,我建议选择方案1


    然而,在你的特殊情况下什么是最好的确实取决于你的特殊情况——你必须尝试。听起来你已经有了所有需要的代码/数据,所以为什么不做一个简单的实验,看看哪一个最适合你。

    你应该发布不同格式文件的示例。在发明JSON表示时,有很多选择。