前端vue3项目，不打开控制台使用很流畅，打开控制台后就卡顿？

Question

项目有两个拖曳功能, 不打开控制台的时候使用各种拖曳操作都很流畅。
打开控制台后，就发现拖拽有点卡顿。
或者打开控制台使用屏幕录制功能，操作也会很流畅（跟没打开效果一样）。
使用的是谷歌浏览器，火狐浏览器好像没有这种情况。。控制台没有输出、没有使用vue-devtools

Answer 1

控制台的 vue-devtools 是否已经启用了，如果用了这个那卡顿也很正常

Answer 2

得看你是否有控制台输出了，如果有输出的话，性能开销会比不打开控制台大很多。

Answer 3

用无痕测试，流畅的话就是控制台的 vue-devtools 问题。

Answer 4

我猜测是因为你拖拽的时候没有节流，并动态改变了节点样式。devtools 中的元素面板需要实时把节点和样式相关的改变同步到面板中，占用了大量 CPU 资源，所以导致卡顿。