从基于React的仪表板优化ajax调用

时间:2018-01-11 04:19:33

标签: javascript ajax reactjs frontend dashboard

我目前正在制作一个仪表板,其中包含大约10-15个小工具,每个小工具都会显示一些系统参数,如CPU使用率,网络拓扑,路径状态等。实时。为实现此目的,每个小工具向后端发送一个ajax请求,轮询间隔约为30秒。这几乎可以正常工作,但我面临的问题是,如果仪表板处于打开状态,浏览器会因为从仪表板发出大量的ajax请求而崩溃。浏览器CPU使用率也非常高。增加轮询间隔不是一个好主意,因为统计数据必须是实时的。假设返回的数据量很大,是否有更好的方法来实现这一点(即使它意味着再次构建它)。目前我正在使用react(前端)和PHP(后端)。

1 个答案:

答案 0 :(得分:1)

尝试使用WebSockets而不是长池,虽然这需要后端和前端更改,但作为替代方法,您可以使用pusher(由于良好的文档,实现很简单)