Performance PageSpeed Insights：最小化主线程工作-使用Chrome DevTools进行调试？
在尝试使用PageSpeed工具评测站点性能时，我得到了一个模糊的最小化主线程工作建议，如下所示： “了解更多”链接在这里并没有什么帮助。我可以看到样式和布局占了很大一部分，所以我尝试使用Chrome开发工具来分析该站点。运行性能跟踪后，我可以在主线程中看到所有样式、布局和重绘 我遇到的问题是，如何将时间线上的这些事件转换为实际的DOM元素，或者转换为导致性能瓶颈或特定重绘的样式，但我没有找到有用的指南。我找到的所有示例都显示了一个非常简单的示例，页面上只有几个元素 在实际代码方面，我如何追踪导致最大样式和布局瓶颈的原因Performance PageSpeed Insights：最小化主线程工作-使用Chrome DevTools进行调试？,performance,google-chrome-devtools,pagespeed-insights,Performance,Google Chrome Devtools,Pagespeed Insights,在尝试使用PageSpeed工具评测站点性能时，我得到了一个模糊的最小化主线程工作建议，如下所示： “了解更多”链接在这里并没有什么帮助。我可以看到样式和布局占了很大一部分，所以我尝试使用Chrome开发工具来分析该站点。运行性能跟踪后，我可以在主线程中看到所有样式、布局和重绘 我遇到的问题是，如何将时间线上的这些事件转换为实际的DOM元素，或者转换为导致性能瓶颈或特定重绘的样式，但我没有找到有用的指南。我找到的所有示例都显示了一个非常简单的示例，页面上只有几个元素 在实际代码方面，我如何追踪
您的第二个屏幕截图似乎不包含页面加载序列。如果要优化页面加载，请按探查器工具栏中的第二个按钮（也是Ctrl-Shift-E热键）。更多信息：您的第二个屏幕截图似乎不包含页面加载序列。如果要优化页面加载，请按探查器工具栏中的第二个按钮（也是Ctrl-Shift-E热键）。更多信息：