确保你的网站页面快速加载是创建积极的用户体验的一个重要部分。

请考虑一下:如果您的页面加载速度不够快,那么优秀的内容可能无法获得最佳的性能,因为用户将返回到SERP,并且很可能最终停留在竞争对手的站点上。

另外,Core Web Vitals(即最大内容油漆、首次输入延迟和累积布局移位)与现有的页面体验指标(如移动友好度)的结合将成为新的排名信号:页面体验信号

了解有关我们的核心Web Vitals更新的更多信息累计研究超过100万个网站的布局变化

有许多免费的网站速度工具可以帮助你监控你的页面速度(以及其他web性能问题),所以你可以避免问题,正确地为你的用户提供有价值的内容。

什么是页面速度工具?

页面速度工具分析网页并提供如何提高页面速度的建议;虽然,每个都有自己的细微差别。

有些工具提供页面评分、百分比等,根据你选择使用的工具而有所不同。

虽然不同工具之间的实际得分可能会有很大的变化,但它们基本上都是双向的,因为它们在很大程度上推荐了相同类型的东西。

当你知道是什么问题阻碍了快速的页面速度后,你可以优化你的站点以更快的加载速度。这意味着提供更好的终端用户体验,这将极大地改善页面停留时间、跳出率等指标。

有许多页面速度工具,你可以开始使用今天。以下是我推荐的顶级工具。

推荐阅读:为什么页面速度很重要以及如何提高它

最好的页面速度测试工具

1.Chrome的灯塔

Lighthouse是谷歌的一个开源工具,您可以使用它来审计性能和可访问性。

使用实验室数据作为源的重要性。实验室数据对于调试性能问题非常有用,因为它在受控环境中收集。

然而,它可能无法捕捉到现实世界中的瓶颈。在seoClarity,我们还利用实验室数据作为核心测量,因为它是最一致的。

另一方面,现场数据对于捕捉真实的、真实的用户体验很有用,但它的度量标准比较有限。

PSI提供了关于页面的实验室和现场数据。

此工具还可用于查找未使用的JavaScript和CSS,查看动画,确定冗长的JavaScript加载时间,并查看缓存存储。

它还可以快速查看任何核心性能问题,识别网站的先进web应用是否符合要求,也有助于快速查看移动和桌面的平价问题,因为它允许在移动和桌面浏览器之间快速切换。

男装的网站与它的页面速度性能指标并排。它表现良好。

(使用灯塔提高网页的质量。)

2. web.dev.

谷歌的另一个产品(实际上使用Lighthouse本身),Web.dev在审计完成后给用户一个红色、黄色或绿色的“记分卡”。

这个记分卡提醒您当前的性能,这样您就知道需要多少改进。在测试完成后提供了改进用户体验的提示。

根据Web.dev,“所有测试都使用模拟的移动设备运行,限制到快速3G网络和4倍CPU减速。”

搜索栏用于输入URL以开始Web.Dev测试。

(输入您的网页URL来检查性能、可访问性、最佳做法和搜索引擎优化。)

3.与谷歌思考

这个工具根据你的网站加载时间为你的网站URL提供定制的建议。

根据想用谷歌

  • 好加载时间:0-2.5秒
  • 需要改进:2.5 seconds-4秒
  • 可怜的加载时间:4秒以上

在您了解您的网站的加载时间后,您可以识别ROI将从页面速度性能更新中获取,如对转换率的影响。

当需要为执行团队和/或开发团队提供改进页面速度的预期输出和ROI时,这一点尤为重要。

这些直接来自谷歌的信息有助于支持您的建议,这也是很有帮助的。

通知读者令人振奋的页面加载时间可以提高转换速率的文本。

(Think With谷歌为用户提供建议及其对ROI的潜在影响。)

4.谷歌PageSpeed见解

谷歌的PageSpeed Insights可以分析桌面和手机上的任何URL。

在分析网页的内容之后,此工具显示您字段数据(例如,首先满足油漆,第一个输入延迟),实验室数据(例如,速度指数,交互时间),机会,诊断

红色,黄色和绿色栏,表明网站如何用于页面速度。

(谷歌PageSpeed Insights分析的页面速度测试结果。)

5.木偶

傀儡师是一个节点库,可以让你“通过DevTools协议控制headless Chrome或Chromium”。

它需要手动进程并将它们转换为自动过程,包括创建自动测试环境的能力

您还可以创建一个“时间轴跟踪”来跟踪影响您站点的性能问题。

6.谷歌搜索控制台和谷歌分析

有些人喜欢保持在GSC和GA之内收集和分析他们的数据。

谷歌搜索控制台为seo提供了如此多的见解,这也适用于页面速度。

在GSC内,用户可以访问他们的核心web重要报告。谷歌识别您网站的具体问题并通过GSC报告它们。在某种程度上,谷歌搜索控制台中列出的条目会被详细说明,并链接到其他资源。

在GA内,有网站速度报告显示平均页面加载时间。

7. Web.PageTest.

列表中的下一个工具是遍布销售品.这个网站性能工具能够处理更高级的用例。

利用历史跟踪来确定团队使用的平均速度作为基准。能够处理更高级的用例。

安迪戴维斯提供了深入的这个测试的例子以及他如何使用比较功能来观察特定的网站实现对速度和网站加载时间的影响。

搜索栏提示用户输入网站URL,开始速度测试。

(WebPageTest可以处理更高级的用例。)

8.HTTP存档

HTTP存档标识平台(Drupal,Magento,WordPress等)的平均页面速度性能。

这对于基准测试性能对于CMS类型的改进和平均预期页速来说很重要。

除了加载速度报告外,还提供有关网络状态的报告,JavaScript状态,页面重量等。

加速HTTP归档的结果,显示第一个内容的油漆,时间交互,等等。

(优化工作可以帮助网站性能的所有上述指标。)

9.网站速度测试

由Cloudinary提供的WebSpeedTest是一个图像分析工具,允许团队查看图像如何影响他们的网站。

多媒体通常可以成功加载页面加载,因此这是一个很好的工具,可以看到图像格式,质量,大小和其他因素所有影响网站性能。

分数卡上的分数是

(图像沉重的网站可以看到连接速度和加载时间的问题。)

注意:您可以使用Squoosh将图像压缩成较小的文件大小。

10.GTmetrix

GTmetrix显示了网站速度和推荐的重要性顺序。该分析是基于位于加拿大温哥华的一个运行在Chrome(桌面)上的位置设置,在登录时可以使用更多选项。

但对于另一个免费的网站速度测试工具,它完成了工作。

此外,一旦分析完成,您可以循环使用各种选项卡:PageSpeed、YSlow、Waterfall、Timings、Video和History。

运行页面测试后的性能评分和页面详细信息。(查看Pagespeed数据以及yslow和瀑布。)


推荐阅读:
页面速度和SEO:如何提高用户体验和排名

使用页面速度和性能工具时的提示

如您所见,您可以使用许多速度和性能工具来监控您的网站。

在潜入并使用它们之前,我有一些建议使用页速和类似的性能工具。

1.利用要求您设置一个地区的测试人员,设置最接近普通客户的位置的区域。

2.不同的工具将提供不同的评分集——大多数工具都基于最初的谷歌开源Pagespeed API。

  • 评分方法将因工具而异。有许多不同的因素将导致数据不同,包括网络差异,设备类型,第三方资产的位置,页面设计为加载的方式(例如,异步负载)。因此,请注意,您自己的网站可能会报告每个特定工具的评分的差异。
  • 这就是为什么谷歌会转向完全加载的部分原因,这应该会给得分带来更多的一致性。

3.在最重要的性能指标上与开发团队保持一致。

当你的开发团队拥有相同的性能指标和目标时,他们将能够优先考虑站点的更改,从而提高页面速度(并提升用户体验)。

页面速度分析规模

虽然上面列出的免费工具揭示了页面加载时间和性能问题,但它们的加载速度很慢:每次一个页面!

此外,使用这么多不同的工具会告诉你关于你的数据的多个故事。当你使用像seoClarity这样的搜索引擎优化平台时,你可以将尽可能多的信息集中到一个地方进行无缝分析。

跟我们页面速度分析您可以识别页面速度问题在比例-这对企业网站尤其重要。

seoClarity页面速度分析图像(seoClarity的页面速度分析视图。)

以下是使用我们的页面速度分析的一些优点:

  • 在单个视图中查看每个托管Web页面
  • 防止负载时间问题影响排名因子
  • 常规网页速度检查
  • 优化CSS文件更快的网站加载
  • 降低跳出率,提高转化率
  • 和更多!

结论

与大多数网站性能和速度测试工具一样,谷歌工具不考虑更高级的功能,但确实提供了广泛的问题解决能力和分析,为大多数企业了解更多关于他们的网站的页面速度性能。

为您提供最大的电源,您需要一个能够在一个位置进行多次分析的SEO平台。

如果你想了解seoClarity平台是如何提高你的页面速度的,从而提供更好的用户体验,安排一次演示我的一位同事会给你们展示一个个性化的平台演练。