1. 使用开发者工具查看基础数据：按F12打开开发者工具，切换到“Performance”面板。点击“录制”按钮后刷新页面，停止录制后查看“Summary”区域。关键指标包括首次绘制时间（FMP）、速度指数（Speed Index）和总阻塞时间（Total Blocking Time）。若发现长任务（如`script.js`执行超过50ms），右键点击该任务选择“Isolate”分析具体代码。
2. 通过Lighthouse生成详细报告：在开发者工具中点击“Lighthouse”标签，勾选“Performance”选项后点击“生成报告”。报告会显示字段如“最大内容绘制（LCP）”、“交互准备时间（TTI）”。若LCP超过4秒，说明存在渲染阻塞问题，需检查CSS或JS加载顺序。企业环境可将报告导出为HTML文件（点击“导出”），结合CI/CD工具自动化检测。
3. 控制台命令快速获取关键指标：在开发者工具控制台输入`performance.getEntriesByType('paint')`，返回首次内容绘制（FCP）和最大内容绘制（LCP）时间。若需测试移动性能，输入`window.matchMedia('(max-width: 768px)').matches ? performance.now() : null`模拟小屏设备。企业可封装命令为脚本，例如javascript console.log('TTFB:', performance.getEntriesByName('ttfb').duration);
4. Network面板分析资源加载细节：切换到“Network”面板，刷新页面后按“大小”排序。重点关注首屏资源（如`main.js`、`style.css`）的加载时间。若发现请求状态码为`304`（未修改），说明缓存生效；若为`200`且体积过大，需启用压缩（如Gzip）。企业可设置自定义过滤条件（点击右上角过滤器），仅显示第三方资源（如广告脚本）分析其对性能的影响。
5. 企业监控方案与自动化报警：部署Chrome企业版后，在扩展商店安装“Web Vitals”扩展。配置阈值（如LCP<2.5秒），当指标超标时发送邮件或Slack通知。结合PageSpeed Insights API（[https://developers.google.com/speed/api/](https://developers.google.com/speed/api/)），定期抓取评分数据并生成趋势图。IT部门可通过脚本自动修复常见问题，例如bash curl -X POST -d '{"threshold": 3000}' https://monitoring.company.com/api/update