php - 优化数据可视化 Web 应用程序的性能

Question

我正在重写 3 年前编写的数据可视化 Web 工具。从那时起，浏览器的 JavaScript 引擎变得更快，所以我正在考虑将部分工作从服务器转移到客户端。

在页面上，数据在表格和 map (或图表)中可视化，它们使用相同的数据，但以不同的方式，因此准备显示数据的两种算法不同。

在用户与数据下拉选择器的每次交互之前(3 个主 + 2 个子，取决于 3 个主)，发送了 3 个 ajax 请求，php 完成所有工作并仅发送回必要的数据(在表格的 html 中)/xml 图表)非常小的响应，没有性能问题，并且 javascript 附加响应并且除了追踪更改事件之外没有做更多的事情。

所以性能还可以，但每次标准更改时用户都必须等待 ajax 响应:/

现在我的想法是在一个ajax请求中发送回一个json对象，仅在主要3个标准组合的每次更改时发送回一个json对象，然后让javascript在ajaxsuccess上填充表和图表/ map 中的数据，然后也在更改上2 个子标准中的一个。

我的犹豫涉及服务器发送的json的结构，负载的平衡。

事实上，如果只需要一种算法来创建想要的 json 结构来显示原始数据中的数据，我会让 php 将数据处理到这个对象中，以便 javascript 处理它，而不需要任何额外的处理；但有 2 个。

所以

• 如果我让 php 处理数据来创建 2 个对象(一个用于表，一个用于图表)，我会将 json 响应的大小加倍并增加客户端的内存使用量；我不喜欢这种方法，因为这两个对象包含相同的数据，只是结构不同并且冗余是邪恶的，不是吗？

• 如果我发送原始对象并让 javascript 搜索要显示的内容以及我在哪里为客户端提供大量工作 - 这也是在每个子标准更改时(或者我可以一次创建所有 json 对象) ajaxsuccess 因此他们已经准备好应对此子标准更改？)-在这里我对使用旧浏览器/小内存的用户不担心...

(未经处理的原始 json 对象，根据标准在 3kb 到 12kb 之间变化，在 500 到 2000 条记录之间变化)

我未能找到最好的方法......

因此，对于将单个原始数据发送到多个结构化对象的作业，您是否需要使用 php(增加响应大小并发送冗余数据)或 javascript(增加 javascript 负载)来处理原始数据？

非常感谢您的意见

Answer 1

我找到了合适的解决方案，所以我会回答我自己的问题。

我遵循了@Daverandom的建议:

• PHP 发送原始数据(以及几个取决于主要标准组合的参数)

• JavaScript 处理原始数据并将其呈现在页面中

• 如果子标准发生更改，JavaScript 会重新处理原始数据，因为经过测试，循环过程似乎非常快，并且不会卡住浏览器，因此无需将结构化对象保留在范围

• 主动缓存 header 与 JSON AJAX 响应一起发送(这些数据永远不会更改 - 每年仅添加新记录)，以防用户重新查询已查询过的数据:因此原始数据不会保留在JavaScript 范围(如果未显示)

• 最重要的是，php 回显的 JSON 字符串会缓存在服务器上(因为这些数据永远不会改变)，因此这可以减少数据库查询并缩短响应时间

最终的代码简洁、易于维护，并且应用程序运行完美。

感谢@Daverandom 的帮助。