vite开发卡顿, 有什么方法解决吗？

Question

使用vue3. + vite 开发，打开控制台卡顿，关闭控制台流畅。打开控制台时，鼠标在页面上移动。此时chrome 进程的cpu利用率也有上升。 无痕模式下也一样！

升级vite 版本，chrome 版本。也无效。

Answer 1

外部原因导致的，和这个没有关系，把你浏览器的扩展程序都关闭试试

Answer 2

可能是 vue-devtools 扩展的问题，可以考虑禁用试试。

Answer 3

回答：你的页面很复杂吗，难道是渲染进程太重了，你可以考虑新建一个新的项目，去测试一下，看看是vite打包器的问题，还是代码渲染效率的问题，你还提到了控制台，你也可以考虑换一个浏览器测试一下看看，鼠标移动切换选择的元素，按理说消耗不了太多资源

Answer 4

使用 Chrome 调试工具中的性能面板

点击录制，可查看造成性能问题的代码