通过 Chrome 浏览器查看网页性能数据主要有以下几种方法：
使用开发者工具中的 “性能”（Performance）标签
打开开发者工具：打开 Chrome 浏览器并访问需要监测的网站，右键点击页面空白处，选择 “检查”（Inspect），或使用快捷键 Ctrl+Shift+I（Windows）或 Cmd+Option+I（Mac）。
进入性能标签页：在开发者工具界面中，选择 “性能”（Performance）标签。
开始记录：点击 “记录” 按钮，然后刷新页面，浏览器将记录页面加载时的各类信息，包括时间线、每个元素的加载时间及其占比。
分析数据：完成记录后，点击 “停止” 按钮，可详细分析每个请求的耗时，如帧率、JavaScript 执行时间、布局和绘制时间等关键指标，发现最耗时的部分。
利用开发者工具中的 “网络”（Network）标签
打开开发者工具及网络标签：同上述打开开发者工具的操作，打开后选择 “网络”（Network）标签。
清空记录并加载页面：点击 “清空” 按钮，重新加载页面，这样可以监测页面在加载时各项资源的性能指标。
查看资源信息：查看每个资源的加载时间、状态码、大小等信息，以识别可能影响页面加载速度的问题。
使用 “Lighthouse” 工具
打开开发者工具中的 Lighthouse：在开发者工具中找到 “Lighthouse” 选项。
生成报告：配置相关参数后点击生成报告，它可以评估网页的整体质量，包括性能、可访问性、最佳实践、SEO 等，并提供具体的优化建议。
运用 “性能洞察”（Performance Insights）面板
打开性能洞察面板：打开开发者工具，点击 “更多选项” 图标，选择 “更多工具”>“性能洞察”，也可使用命令菜单打开该面板。
记录性能：在打开的面板中，可点击 “刷新并测量页面加载” 来记录页面加载性能，也可点击 “开始记录” 后与页面交互，手动点击 “停止记录” 来记录一般性能。
查看指标与分析数据：查看网页关键指标（Web Vitals）性能指标等数据，在洞察窗格中获取性能洞察列表，了解潜在性能问题及修复建议。
通过第三方扩展程序
可安装 PageSpeed Insights、GTmetrix、WebPageTest 等扩展工具，这些工具可以提供更加专业化的分析和监测服务。
