如何通过chrome控制台查找网页占用CPU过高的原因?

11914103

我手里有一个nuxt3写的前端项目,跑起来之后,在网页停留一段时间以后,页面卡顿,
使用chrome的"性能监视器"查看CPU使用过高,
使用chrome的"回收垃圾"强制回收之后,发现js堆迅速又提高了,
请问如何通过chrome查找到网页CPU占用过高的根本原因

chrome-devtools nuxtjs3 vue3

阅读 2.2k

1 个回答

得票最新

两天摸鱼三天上网

281

发布于
4 月 28 日福建

✓ 已被采纳

性能中录制那一段操作就行

查看全部 1 个回答

推荐问题

Vue3: 响应式 props 解构得到的变量将不是响应式？也不会更新？
和 .value 类似，为了保持响应性，你始终需要以 props.x 的方式访问这些 prop。这意味着你不能够解构 defineProps 的返回值，因为得到的变量将不是响应式的、也不会更新。
3 回答4.2k 阅读✓ 已解决
一个js输出格式的奇葩需求？
我考虑用‘模板字符串’但发现不行，因为格式是接口后来拿到的，没办法直接用模板字符串，有大神有办法吗？文本格式预先不知道，是接口拿的，这只是一个格式，也可能是其它格式，这种情况下怎么按格式输出对应的值。
6 回答1.9k 阅读✓ 已解决
有关vue3 watchEffect 依赖收集的疑问?
为什么只有queryParams变化的时候才会触发watchEffect？ watchEffect依赖收集好像是通过访问属性来收集的，queryParams.value访问了属性我理解，loading.value = true 不也访问了属性吗，在后面的then函数里我改变了它的值，但是却不重新执行，虽然从业务逻辑的角度来看不重新执行是对的。
3 回答1.6k 阅读✓ 已解决
Vite+Vue3，怎样实现标签的内容加密，不是代码混淆？
想在Vite编译阶段加密，比如这个示例里的Hello与World这两个字符串，实现编译输出的js文件里是密文，在浏览器看的时候看明文（会要求登录后看到明文）。
2 回答1.7k 阅读✓ 已解决
NuxtLink 有没有一个属性能控制当前链接是否可以点击？
{代码...} 有没有像按钮一样有一个 disabled 属性 true 的时候不能点击
2 回答1.3k 阅读✓ 已解决
背景图片超过容器的高度不能完全展示？
container有背景图片，给他设置了宽高，又用伪类的方法把目标图片放到container上，但是并不能完全展示，请问各位有没有什么好的办法
3 回答1.2k 阅读✓ 已解决
vue3+vite+electron+element-plus在el-form中使用el-input，为什么el-input获取到焦点之后只能输入一个字符？
vue3 + vite + electron + element-plus 创建的界面使用的 el-form + el-input。每次获取焦点之后只能输入一个字符，单独使用 el-input 没有问题，放到 el-form 里面之后就有问题了。
3 回答1.4k 阅读✓ 已解决

如何通过chrome控制台查找网页占用CPU过高的原因?

Vue3: 响应式 props 解构得到的变量将不是响应式？也不会更新？

一个js输出格式的奇葩需求？

有关vue3 watchEffect 依赖收集的疑问?

Vite+Vue3，怎样实现标签的内容加密，不是代码混淆 ？

NuxtLink 有没有一个属性能控制当前链接是否可以点击？

背景图片超过容器的高度不能完全展示？

vue3+vite+electron+element-plus在el-form中使用el-input，为什么el-input获取到焦点之后只能输入一个字符？

Vite+Vue3，怎样实现标签的内容加密，不是代码混淆？