Lighthouse得分指南

Lighthouse评分指南

Lighthouse 是一个开源的自动化工具,通过分析网页的性能、可访问性和可用性来帮助提升网页质量。使用 Lighthouse 优化您的页面还可以提升搜索引擎优化(SEO)效果,因为网站速度是 Google 排名算法中的一个因素。

PageSpeed Insights:Lighthouse 与核心网页指标

核心网页指标是 Google 从真实 Chrome 访问中收集的数据,用于衡量加载速度并将结果发送回 Google。这些数据用于搜索排名,并对 SEO 产生直接影响。核心网页指标衡量的是实际用户体验。

要查看核心网页指标数据,请检查你的 Search Console,其中显示过去 28 天的数据。请注意,改进可能需要一段时间才能反映出来,因为结果是在此期间内取平均值的。

关键要点是,Google 仅 使用来自真实用户的核心网页指标数据进行排名。Lighthouse 是一种调试工具,用于帮助提升这些指标。

内容与受众

请注意,Lighthouse 模拟的是 2016 年的 Motorola 手机,这种设备在处理自动播放高清视频等任务时会遇到困难。虽然这可能会影响你的分数,但这类设备很少被使用,对核心网页指标或排名影响甚微。例如,apple.com 当前的移动版 Lighthouse 分数为 56。如果你添加了视频和动画等吸引人的元素,不必过于担心较低的移动版 Lighthouse 分数,但应避免过度使用。

Lighthouse 审计摘要截图,性能得分为 56,无障碍功能为 100,最佳实践为 96,SEO 为 92。

关键指标:LCP、TBT、CLS

Lighthouse 基于多个指标通过加权计算来衡量性能。你可以影响的重要指标包括 LCP、TBT 和 CLS。

  • LCP(最大内容绘制) 衡量网站大部分可见内容的加载时间。这包括页眉图像、菜单字体和自动播放视频等元素。当可见内容稳定时,Lighthouse 停止计时,但欢迎动画或延迟出现的 Cookie 横幅等元素可能会延迟 LCP。使用 Lighthouse 识别影响 LCP 的元素,并相应优化设计。

  • 总阻塞时间(TBT) 衡量页面加载过程中 JavaScript 引起的延迟。如果任何脚本运行时间超过 0.05–0.1 秒,可能会导致明显卡顿。TBT 会累加所有此类延迟。为减少 TBT,可考虑移除不必要的分析或广告脚本。高 TBT 不会影响搜索排名,也不包含在核心网页指标中。

  • 累积布局偏移(CLS) 跟踪加载期间页面的意外位移,例如广告出现导致内容移动的情况。由于 Framer 的技术特性,Framer 站点通常具有较低或为零的 CLS。

最后建议

以下是两条提升网站性能的最终建议:

  • 尽管某些性能因素未被直接测量,但它们可能产生重大影响。例如,服务器的 HTTP 版本很重要——HTTP/3 比 HTTP/1 快得多。Framer 自动启用 HTTP/3 托管,但并非所有工具都支持。

  • 添加 Google Analytics 或嵌入 YouTube 视频等外部服务时需谨慎。即使少量 JavaScript 也可能使网站体积翻倍并拖慢速度,因此请尽量少用。

如果你仍有问题,请通过我们的 联系页面 与我们联系以获得进一步帮助。

Create a free website with Framer, the website builder loved by startups, designers and agencies.