启用JS评测时，JavaScript代码工作得更快?什么

JavaScript Code Works Faster when JS Profiling is on? What?

本文关键字：什么 工作 代码 评测 JS JavaScript 启用      更新时间：2023-09-26

我的应用程序面临着一个非常奇怪的行为——如果我启动探查器（必须是JS探查器），代码的工作速度几乎是原来的两倍。

我用一个非常简单的代码复制了它，可以在这个小提琴上找到：https://jsfiddle.net/zagrwk44/

问题是，这只能在带有旧显卡的机器上复制。我已经设法在带有AMD Radeon HD 6450图形卡的机器上复制了它。在更新的机器上，这种情况不会再发生了。

探查器是如何使代码运行得更快的？？几乎是的两倍快！

这里需要花费时间的代码只是更改屏幕上div的位置：

for (var i = 0; i < 1000000; i++) {
    box.style.top = getRandomInt(0, 100) + '%';
    box.style.left = getRandomInt(0, 100) + '%';                
};

我使用console.profile和console.profileEnd通过javascript启动和停止探查器为了重现它，运行时必须打开DevTools

谢谢！

无法在我的机器上重新编程
但我很好奇，你是否将使用DevTools open的运行与使用profiler的运行进行比较？如果是这样的话，解释可能是DevTools禁用了内部通知，比如在分析活动时更新Elements面板
如果你将运行与DevTools关闭进行比较，那么它看起来真的很奇怪。

我遇到了同样的问题，我可以在任何机器上重现。

DevTools本身会减慢代码的执行速度，这只会影响修改DOM的JS代码。这个问题不会影响不涉及DOM的JS代码。

如果你在快速修改DOM的同时查看DevTools中的"元素"选项卡，每次修改HTML元素时，它都会闪烁并突出显示修改后的元素。我通过在包含大量元素的SVG图表上进行测试进一步证实了这一点。

Chrome探查器在打开时明确禁用了DOM修改可视化功能。换句话说，探查器的速度应该与关闭DevTools时的速度相同。

所以，很遗憾，我不得不关闭DevTools，继续使用我的大型SVG图表。

我发现了这种奇怪的行为，这种行为只发生在"Windows server 2008 R2 enterprise"操作系统上。

您的测试仪不是正确的指示，因为它使用随机函数测试性能，这可能会导致每个样本的结果不同，更重要的是，您没有从时间采样中排除console.profile（）和conole.profileEnd（）这意味着您从未获得真正的本地结果。

为了获得更好和现实的结果，代码应该是这样的：

var random = [80,90,15,5,70,50,60,25,36,45,62,58,76,23,93];
fbtn.addEventListener('click', function() {
    //START PROFILE BEFOR TIME START
    if (withProfiling.checked) {
      console.profile();
    }
    console.time('click handler'); 
    for (var i = 0, v =0; i < 1000000; i++, v++) {
      box.style.top = random[v] + '%'; //USE SAME NUMBERS FOR ALL TESTS
      box.style.left = random[v] + '%';//USE SAME NUMBERS FOR ALL TESTS 
      if(v >= 14){
        v= 0;
      }         
    };
    console.timeEnd('click handler');
    // STOP PROFILE AFTER TIME END
    if (withProfiling.checked) {
           console.profileEnd();
        }
   });

这里有一个测试仪，可以更深入地跟踪它：http://embed.plnkr.co/bdreL4UVFyyWtDoNTXRs/

我通过代码删除了启动概要文件，因为我发现手动启动概要文件可以更好地恢复这种奇怪的行为。

要恢复它，请从Chrome上的DevTools的配置文件中选择"收集Javascript CPU配置文件"。

希望它有用，

Menachem

相关文章：