Jquery 非常快速(25Hz)的div内容更新

Jquery 非常快速(25Hz)的div内容更新,jquery,html,server-side,Jquery,Html,Server Side,我想以每秒至少25次的刷新率更新显示页面中div块的内容应从远程服务器下载更改主题的内容。下载大小小于1kB,生成的html内容约10kB。 我试过jQuery: function test(){ $( "#message" ).load( "http://www.server-side/content.php" );} 但是用 setInterval(function(){test()},50) 我达到了每秒5次(5Hz)的最大刷新率 有没有其他技术可以加快更新div内容的响应时间? 我不

我想以每秒至少25次的刷新率更新显示页面中div块的内容
应从远程服务器下载更改主题的内容。下载大小小于1kB,生成的html内容约10kB。
我试过jQuery:

function test(){
$( "#message" ).load( "http://www.server-side/content.php" );}
但是用

setInterval(function(){test()},50)
我达到了每秒5次(5Hz)的最大刷新率

有没有其他技术可以加快更新div内容的响应时间? 我不确定这个问题是否与更新页面或获取更新源有关。也许需要不同的访问服务器端内容的方法?

这是可能的,但要求很高

首先,如果您在setInterval中使用50的间隔,那么它将以每秒20次的速度最大输出,而不是25次。更重要的是,这将在很大程度上取决于许多因素,包括一些可能超出您控制范围的因素。服务器速度和延迟可能是最大的瓶颈。一些浏览器可能也很难跟上

我建议你使用Chrome开发者工具(点击F12),尤其是网络标签。查看发出每个请求所需的时间、服务器响应所需的时间以及数据传输所需的时间。即使在非常快速的连接上,也需要一些时间才能用TCP/IP“填满管道”,因此您不会达到理论连接速度的最大值。根据所看到的数字,您可能需要提高服务器速度、重构代码或考虑不同的主机。

一个更好的解决方案是HTML5套接字或一个可以保持连续连接的插件。通过AJAX不断连接/传输/断开连接可能太慢,无法达到25 Hz。

这是可能的,但要求非常高

首先,如果您在setInterval中使用50的间隔,那么它将以每秒20次的速度最大输出,而不是25次。更重要的是,这将在很大程度上取决于许多因素,包括一些可能超出您控制范围的因素。服务器速度和延迟可能是最大的瓶颈。一些浏览器可能也很难跟上

我建议你使用Chrome开发者工具(点击F12),尤其是网络标签。查看发出每个请求所需的时间、服务器响应所需的时间以及数据传输所需的时间。即使在非常快速的连接上,也需要一些时间才能用TCP/IP“填满管道”,因此您不会达到理论连接速度的最大值。根据所看到的数字,您可能需要提高服务器速度、重构代码或考虑不同的主机。


一个更好的解决方案是HTML5套接字或一个可以保持连续连接的插件。通过AJAX不断连接/传输/断开连接很可能太慢,无法达到25 Hz。

尝试web套接字;你不太可能很快得到单独的HTTP请求;您不太可能以如此快的速度获得单独的HTTP请求。