使用 Chrome DevTools 进行 CPU 分析

Jak*_*keP 5 javascript performance profiling google-chrome-devtools knockout.js

查看 Chrome 的任务管理器时,我看到以下内容:

在此处输入图片说明

34.9是令人担忧的。所以我加载 DevTools 并查看 Javascript Profiler 以查看:

在此处输入图片说明

我看到最多的时间花在toBlobcompareFrames- 两个数组密集型操作上。我看到很多其他事情都与淘汰赛有关。但是所有这些东西都占了我 CPU 使用率的近35%吗?如果不是,我该如何确定是什么?还有哪些其他工具和技术可用于通过 DevTools 诊断 Web 应用程序中的高 CPU 使用率?

更新:我看到即使通过 Windows 任务管理器 (Win10) Chrome 也占用了我 60%i7的 CPU。我个人资料并看到这个:

在此处输入图片说明

我看过几个指南(包括渲染性能指南udacity课程),但没有任何内容让我深入了解如何识别此 CPU 瓶颈的来源。