Lighthouse
名词 · 审计工具
Google 开发的开源审计工具,自动从五个关键维度分析网页——性能、无障碍访问、最佳实践、SEO 和渐进式 Web 应用——每个类别评分 0 到 100。
集成在 Chrome DevTools 中且提供 CLI 版本的分析解决方案,模拟真实浏览条件来衡量 Core Web Vitals(LCP、FID、CLS)并精确识别网站的技术瓶颈。
Web 行业性能优化的参考标准,被开发者和数字机构用来确保每个交付的页面都符合 Google 对 SEO 排名要求的质量标准。
Lighthouse 可直接从 Chrome DevTools 中使用,打开「Lighthouse」标签页,选择要审计的类别(性能、无障碍访问、SEO 等),然后启动分析。它也可以通过 npm 命令行或 Google 的 PageSpeed Insights API 使用。我们的团队将 Lighthouse 集成到 CI/CD 流水线中,确保每次部署都保持最佳性能分数。
Google Optimize 曾是 Google 提供的免费工具,用于进行 A/B 测试和网页个性化以优化转化率。该服务已于 2023 年 9 月被 Google 永久关闭,并被 Google Analytics 4 中集成的功能所取代。我们的团队现在使用原生 A/B 测试和 Lighthouse 等替代方案来衡量优化对性能和转化的影响。
Firefox 扩展(模块)可从官方网站 addons.mozilla.org 安装,或直接通过浏览器的「附加组件」菜单安装。安装后,它们添加类似 Lighthouse 的性能审计等功能。我们的团队建议使用 Firefox 版 Lighthouse 扩展,在不同于 Chrome 的环境中审计页面,获得网站质量的完整视图。
Firefox 扩展位于主菜单(右上角的三条横线)中,点击「附加组件和主题」,或使用快捷键 Ctrl+Shift+A。您也可以在 addons.mozilla.org 访问完整目录。要审计网站性能,我们的团队建议安装该目录中提供的 Lighthouse 扩展。
要查看 Firefox 中已安装的扩展,请前往主菜单选择「附加组件和主题」,或在地址栏输入 about:addons。「扩展」标签页列出所有已启用和已禁用的扩展。我们的团队使用这些扩展作为 Lighthouse 的补充工具,在不同浏览器上分析 Web 性能。
要了解网站性能是否良好,可从 Chrome DevTools 或 Google 的 PageSpeed Insights 启动 Lighthouse 审计:性能分数超过 90 表示出色的性能。需要关注的关键指标是 LCP(最大内容绘制)、FID(首次输入延迟)和 CLS(累积布局偏移)。我们的团队为每个项目分析这些 Core Web Vitals,确保快速的用户体验和最佳的 SEO。
网站性能主要通过 Google 的 Core Web Vitals 衡量:LCP(主要内容加载时间)、FID(交互响应性)和 CLS(视觉稳定性)。Lighthouse 和 PageSpeed Insights 是获取这些指标的权威工具。我们专注于 Next.js 的团队将性能监控直接集成到应用中,实时跟踪这些指标并持续优化。
网站质量通过 Lighthouse 审计的五大支柱来衡量:性能(加载速度)、无障碍访问(WCAG/RGAA 合规性)、最佳实践(HTTPS 安全、无错误)、SEO(结构化标记、可索引性)和 PWA 兼容性。我们的团队系统性地追求每个维度 90 分以上的 Lighthouse 分数,确保客户的网站符合市场上最严格的标准。