如何使用 Lighthouse 工具诊断和优化网站性能瓶颈？
当需要诊断和优化网站性能瓶颈时，可使用 Lighthouse 工具生成多维度报告，通过分析核心指标定位问题并实施针对性优化。 运行方式：在 Chrome 浏览器打开目标网页，按 F12 打开 DevTools，切换至 Lighthouse 选项卡，勾选“性能”“可访问性”等检测类别，点击“生成报告”，工具会模拟真实用户环境运行测试。 核心指标：报告包含性能评分（如 LCP、FID、CLS 等用户体验指标）、可访问性、最佳实践等维度，红色/黄色标识项提示需优化问题，例如未压缩的图片资源、阻塞渲染的 JavaScript、长任务执行时间过长等。 优化方向：针对报告建议，可压缩图片/JS/CSS 文件、启用浏览器缓存、减少第三方脚本加载、优化关键渲染路径，优先解决影响用户体验的高优先级问题（如 LCP 超时）。 建议定期（如每周）使用 Lighthouse 测试，结合真实用户监控数据（RUM）验证优化效果，持续提升网站加载速度和用户留存率。
