优化来自基于 React 的仪表板的 ajax 调用
Optimize ajax calls from React based dashboard
我目前正在开发一个由大约 10-15 个小工具组成的仪表板，每个小工具都实时显示一些系统参数，例如 CPU 使用情况、网络拓扑、路径状态等。为实现这一点，每个小工具向后端发送一个 ajax 请求，轮询间隔约为 30 秒。这几乎可以正常工作，但我面临的问题是，如果仪表板保持打开状态，浏览器会因为来自仪表板的大量 ajax 请求而崩溃。浏览器 CPU 使用率也很高。增加轮询间隔不是一个好主意，因为统计数据必须是实时的。假设返回的数据量很大，是否有更好的方法来实现这一点（即使这意味着再次构建它）。目前我正在使用 react(front-end) 和 PHP(back-end).
尝试使用 WebSockets 而不是长池化，尽管这需要同时更改后端和前端，作为替代方案，您可以使用 pusher（由于有很好的文档，实现很简单）
我目前正在开发一个由大约 10-15 个小工具组成的仪表板，每个小工具都实时显示一些系统参数，例如 CPU 使用情况、网络拓扑、路径状态等。为实现这一点，每个小工具向后端发送一个 ajax 请求，轮询间隔约为 30 秒。这几乎可以正常工作，但我面临的问题是，如果仪表板保持打开状态，浏览器会因为来自仪表板的大量 ajax 请求而崩溃。浏览器 CPU 使用率也很高。增加轮询间隔不是一个好主意，因为统计数据必须是实时的。假设返回的数据量很大，是否有更好的方法来实现这一点（即使这意味着再次构建它）。目前我正在使用 react(front-end) 和 PHP(back-end).
尝试使用 WebSockets 而不是长池化，尽管这需要同时更改后端和前端，作为替代方案，您可以使用 pusher（由于有很好的文档，实现很简单）