Edge 96 https://docs.microsoft.com/zh-cn/microsoft-edge/devtools-guide-chromium/

入门

分析运行时性能

• 在 InPrivate 模式中打开 Microsoft Edge。 InPrivate 模式可确保 Microsoft Edge 以干净的状态运行
• 与台式机和笔记本电脑相比，移动设备的 CPU 功率更小。 每当你分析页面时，都可使用 CPU 节流来模拟页面在移动设备上的表现。
  • 注释：性能菜单右边设置中可调节cpu的倍数
• 查看 FPS 图表。 每当红色条显示在 FPS上方时，这意味着帧速率下降得过低，可能破坏用户体验。 通常，绿色条越高，FPS 越高。
• CPU 图表充满颜色意味着在录制过程中 CPU 已达到极限。
• 打开 FPS 计数
  • 注释：在命令菜单中选择显示每秒帧数
• 展开重点部分。DevTools 将显示一段时间内主线程上活动的帧图表
  • 注释：应为“主要”部分
  • x 轴表示一段时间内的记录。
  • 每个条形表示一个事件。 宽条表示该事件花费了更长的时间。
  • Y 轴表示调用堆叠。 当事件堆叠在一起时，这意味着上面的事件导致了下面的事件。
• 另一种缩放方式，将聚焦在 主 部分，选择背景或事件，然后选择 W、 A、 S或 D。
• 每当显示红色三角形时，都会显示一条警告，指出可能有与事件相关的问题。
• 选择动画帧触发事件。 “摘要”面板现在将显示有关该事件的信息。 请注意“显示”链接。