Chrome 的性能分析面板更新了

主要观点总结

Chrome的DevTools Performance面板进行了全新改版，提升了易用性，并分为landing页和侧边栏两部分。新面板突出了Core Web Vitals Data的实验数据和现场数据，提供了友好的解释，并能链接到对理解性能指标很重要的元素。通过收集页面加载记录，会显示LCP Requests Discovery部分和LCP by Phase部分，有助于发现有关LCP资源的建议和分解LCP的不同阶段。更新后的面板还包括开始新录制、调节CPU和网络条件的控件。

关键观点总结

关键观点1: Chrome DevTools Performance面板全新改版

新版面板提高了功能的易用性，分为landing页和侧边栏，侧边栏可在录制后打开。

关键观点2: Core Web Vitals Data的实验数据和现场数据

新面板能够显示Core Web Vitals Data的实验数据和来自Chrome用户体验报告的现场数据，包括Lab Data和Field Data。

关键观点3: 友好的指标解释和元素链接

性能面板提供友好的指标解释，并能链接到对理解性能指标很重要的元素，如LCP元素和INP元素。

关键观点4: LCP Requests Discovery和LCP by Phase

通过收集页面加载记录，性能面板会显示LCP Requests Discovery部分和LCP by Phase部分，有助于发现有关LCP资源的建议和分解LCP的不同阶段。

关键观点5: 新的控制和调节功能

更新后的Performance面板包括开始新录制的控件，以及调节CPU和网络条件的功能，以模拟真实的用户体验。