为什么当浏览器控制台打开时脚本运行得这么慢？答案

【问题标题】：Why do scripts run so much more slowly when the browser console is open?为什么当浏览器控制台打开时脚本运行得这么慢？
【发布时间】：2021-11-15 11:30:53
【问题描述】：

我最近使用一些在浏览器中进行大量数据处理的 Javascript 进行了性能测试，并注意到在浏览器控制台打开时执行特定任务所需的时间要长得多（3.5-4 倍）。没有，即使没有任何东西打印到浏览器控制台（在任务之前或期间）并且没有过滤新消息。该处理也不会进行大量 DOM 更改。在此期间，“网络”选项卡未处于活动状态或记录流量，并且无论如何都没有任何网络流量。任何地方都没有设置断点，无论是活动代码还是非活动代码，代码中也没有调试器语句。

【问题讨论】：

你是否在任何地方设置了断点？即使是被禁用或未被击中的也会影响整体性能。
好问题！在活动或非活动代码中的任何地方都没有设置断点。已编辑问题以反映这一点。
试试disabling async stack traces?
在众多浏览器中的哪一个？
@Mike'Pomax'Kamermans 可能有多个，但问题上的多个谷歌浏览器标签应该特别指出一个

标签： javascript performance google-chrome google-chrome-devtools

【解决方案1】：

这可能是由于你的偏好打开你devtools点击设置是⚙️ enter image description here

在您左侧的“齿轮”上，我想这就是它的名字...对不起我的英语我是网络部分下的 ESL，您可能会在 devtools 打开时检查选项禁用缓存...或类似的东西那个

如果未选中，请转到“网络”选项卡并搜索“禁用缓存”取消选中它 enter image description here

【讨论】：

感谢您的回答！是的，在 devtools 打开时缓存被禁用，但是在长时间处理部分没有网络流量，所以我认为是否使用缓存不会有影响。