性能数据分析可针对网站的性能提供富有实用价值的分析洞见，并且可在开发者工具的“性能”面板和 Lighthouse 中使用。
开发者工具的“性能”面板 Lighthouse 性能审核
用于识别浏览器需要很长时间才能与网页上的元素匹配的复杂 CSS 选择器。
用于标识 HTML 文档请求所用时间超出预期的原因。
精确定位在单个网页中多次加载的相同 JavaScript 模块或代码。
评估 `font-display` CSS 属性，以确保在加载自定义字体时文本保持可见状态。
用于标识 JavaScript 何时强制浏览器重新计算网页布局，这可能会导致性能问题。
建议优化图片加载的方法，例如使用 AVIF 或 WebP 等现代格式，并确保尺寸正确。
显示 INP 子部分，帮助您发现优化机会以改进 INP。
指出导致网页上出现意外移动并导致累积布局偏移的具体 DOM 元素。
显示 LCP 子部分，帮助您发现优化机会以改进 LCP。
确定 LCP 图片请求耗时超出预期的原因。
标记可能较慢且对于大多数现代浏览器而言不必要的过时 JavaScript 代码。
检查是否有更新的网络协议（如 HTTP/2 或 HTTP/3），以改进请求和响应多路复用并提高速度。
用于标识阻塞网页初始渲染的关键依赖链。
当网页上存在大量 HTML 元素时，系统会识别出此问题，因为这可能会影响渲染性能。
检查网页的视口是否配置正确，以确保不会在移动设备上造成 300 毫秒的点按延迟。
用于识别会屏蔽网页初始渲染并延迟 LCP 的资源。
列出网页上加载的第三方资源。
识别导致在重复访问网页时可能出现不必要下载的次优缓存政策。