如何使用谷歌灯塔来提高现场速度

根据谷歌,如果您的页面负载速度从1秒增加到10秒,您的反弹率可能会增加123%

幸运的是,Tech Giant自以来为您提供了一套有价值的工具,以帮助您提高您的页面负载速度和整体用户体验。一个这样的工具是谷歌灯塔。

什么是谷歌灯塔?

谷歌灯塔是一个免费的工具,旨在帮助改善网站性能。它是开源软件,以便任何人都可以在任何网页上使用它。

工具审核网页的可访问性和SEO,特别关注核心网络威力。

核心是什么Web Vitals?

核心网络威力是一系列谷歌为衡量网页的页面速度和整体用户体验的指标。在2021年,Google介绍了核心Web Vitals算法更新,测量网站的核心Web Vitals指标。

这些指标对于想要提供良好的用户体验和谷歌等级更高的网站所有者来说越来越重要。

三个关键核心网Vitals是:

最大的含量涂料(LCP):

最大含量在折叠上方加载多长时间。

通过我们的完整指南了解有关LCP的更多信息。

第一个输入延迟(FID):

在用户交互后页面响应需要多长时间响应。 查看我们的FID指南。 累积布局移位(CLS):内容如何随页面加载移动。 阅读更多关于CLS 推荐阅读:核心网威力:改善指南页面速度 您可以使用谷歌灯塔检查什么

您可以使用谷歌灯塔来衡量您的核心网络威力。该工具根据平均设备审核您的网站,并连接用户。但是,您可以指定您希望该工具为测试效仿的设备和关系。这些测试的结果将有助于您知道您需要优化哪些页面加载阶段以提供良好的用户体验。 如何使用Google Lighthouse 您可以使用Chrome浏览器(在DevTools中)或

连接谷歌灯塔。

在运行网页的审计后,灯塔将在5个不同的区域生成报告:

性能

包括慢慢降低的元素,包括images和资源。

可访问性

审核您的内容如何访问用户,包括使用辅助技术。最佳实践识别任何不遵循当前指南和最佳实践的Web开发元素。 SEO

突出了网页最重要的SEO问题,但并不全面。

Progressive Web App

表示您的Web应用程序的性能和实施问题。 屏幕截图:离子Firebase App

google lighthouse

如何在Chrome Devtools中使用灯塔 google lighthouse在Chrome浏览器中,您可以从Chrome DevTools运行Google Lighthouse Audit。
访问它,你将需要: google lighthouse

下载和安装 google lighthouse谷歌Chrome for Desktop

(如果你还没有它)。访问您想要在Google Chrome中审核的网页。右键单击页面上的任意位置,然后选择

检查。

Inspect功能将在网页底部或右侧打开一个面板。从面板工具栏中选择灯塔。 (如果找不到Lighthouse选项,请单击工具栏末尾的两个箭头。)面板将向灯塔工具打开。选择生成报告

为了使用Chrome Devtools访问灯塔,请尝试以下3个步骤:打开Chrome浏览器,然后通过选择三个打开菜单地址栏右侧的垂直点。选择google lighthouse更多工具。

选择

开发人员工具。

google lighthouse

如何使用LIGHTHO用作Chrome扩展

下载

桌面谷歌浏览器

。致力于Chrome WebStore。下载并安装灯塔镀铬扩展。重新启动浏览器。单击地址栏中的灯塔符号。选择生成报告。 屏幕截图:

google lighthouse

google lighthouse
google lighthouse

google lighthouse

google lighthouse

google lighthouse

除了灯塔外,谷歌还提供另一款审计工具,页面的洞察力工具。此工具分数您的网页速度并提供了改进列表。

两者都审核了网页的类似方面,包括页速和核心Web Vitals。但是,页面速度见解仅侧重于提高您的网页速度,而灯塔覆盖多个网页的各个方面。 我们建议使用两种工具来改善您的页面速度和核心Web Vitals指标。 如何使用Pagespeed Insights google lighthouse

使用Pagespeed Insights,您需要:

Pagespeed Insights 。复制并粘贴网页的URL。单击分析。 google lighthouse

其他方式改进您的网站

何时追踪您的核心网络威力,您拥有的信息越多,更好的。您可以随时将您从灯塔,页面速度见解和与第三方审计应用程序的其他Google工具配对的数据。

网站审计工具

审核您的网站的技术SEO,包括网站速度和性能。核心Web Vitals专题报告以简单的方式显示您的灯塔数据读取格式,包括分析页面列表。您可以直接编辑列表以添加或删除新分数的页面。

ADS illustration 关于您网站的性能有一个总体的概述,选择网站性能专题从场地审查概览报告报告: 这一专题报告提供了一个网站整体性能得分,以及平均网页负荷速度: 您可以使用性能问题表,审查当前影响网站性能的任何站点的问题。选择更多有关每个问题的更多信息,以及如何修复它。 开始使用网站审核工具: 到你的 semrush账号。如果您没有现有帐户,则可以创建一个免费帐户。从工具栏中,选择管理项目以查看您的项目:点击您的首选项目,然后从项目仪表板中选择站点审核。该工具将提示您配置审核设置。您将能够设置审计范围,禁止URL,并添加其他网站登录信息。选择开始站点审计。 推荐读数: 2021核心网Vitals更新:评估初始影响 概述页面速度与您的用户一样重要。糟糕的页面负荷速度可以伤害你的反弹率,并且在某种程度上,你如何有机排名。 谷歌灯塔帮助您审核网页S并确定特定区域以提高您的页面负载速度和整体用户体验。将灯塔与谷歌的其他devtools或类似的站点审计应用程序进行全面审查您的网站的性能。查找和修复站点地图错误 使用网站审核工具 尝试免费→ 尝试免费→