在计时器中持续访问cookie的性能含义

Question

我正在开发一个有一些有趣的Javascript的网站,我担心它可能会导致速度较慢的机器出现性能问题.

该脚本使用setInterval来运行处理程序EVERY SECOND.处理程序执行以下操作:

1. 读取单个cookie值(使用jquery cookie插件)
2. 更新其价值和到期日期
3. 把它写回饼干罐

cookie有一个到期日期,所以理论上它应该每次写入磁盘,而不是保存在内存中.

到目前为止它在我的电脑上工作得很好,但我有一台带有固态硬盘的快速机器.你认为这种设计会在较慢的盒子或繁忙的硬盘上引起问题吗？可能导致每1秒发生一次轻微的口吃效果？只是寻找一些保证,这种设计并非绝对疯狂.谢谢.

Answer 1

在浏览器中,JavaScript执行是单线程的.这意味着,当JS代码运行时,setInterval函数将无法运行.同样,在setInterval函数运行时,其他JS代码(例如事件处理程序)将无法运行.

因此,确保以较短间隔运行的代码运行良好非常重要.

在这种情况下,您拥有每秒运行一次的代码,因此重要的是它需要<< 1s才能完成,否则您将面临永远不会留下足够时间进行其他操作的风险.

有关于访问的cookies使用jQuery(和不)某些性能数据可在这里.

它显示的是读取和写入足够快,你应该能够做到这一点而不需要花费1s更新间隔.

另一种方法可能是尝试以下方法

var timeoutId;
var timeoutSetter = function(timeout) {
    timeoutId = setTimeout(function() {
        cookieUpdate();
        timeoutSetter(timeout);
    }, timeout);
};

timeoutSetter(1000);

这意味着cookie不会在上次更新后的1s更新,无论更新本身需要多长时间......可能是矫枉过正,它会导致一些相当粗糙的代码,但它是一个选项.

更新

按照下面的Bergi评论,我认为一个例子是有益的.

转到http://jsfiddle.net/meYc5/2/并打开控制台.Foo clicked每次单击黄色框时,您都会看到一个日志.如果你反复点击,你会看到它从黄色翻转到红色并返回.有明显的延迟.那是因为它目前被配置为setInteval每秒阻止线程500ms.这意味着事件处理的占空比为50%.

此外,您会注意到textarea中的光标反应较慢.

这个(500毫秒)对于更新cookie来说是一个非常极端的时间,但它说明了原理.如果你正在做某事setInterval,你应该确保

execution time of the handler << interval period

这样你就可以保持足够高的工作周期来处理事件.