如何执行网站速度测试(2025教程)

已发表: 2025-02-14

我们生活在一个即时的满足社会中。人们期望在几秒钟内登陆网站,获得想要的东西并继续前进。一个缓慢的网站会导致挫败感,遗弃和失去的机会。没有人会等待网站加载;他们想快速找到想要的东西。在这篇文章中,我们将解释为什么快速网站如此重要,并指导您执行网站速度测试。

让我们开始。

目录
  • 1为什么您应该关心网站速度
    • 1.1缓慢的网站损害您的声誉
  • 2个用于进行网站速度测试的工具
    • 2.1 Google PagesPeed Insights
    • 2.2 GTMetrix
    • 2.3 pingdom
    • 2.4网站分级
  • 3如何进行网站速度测试
  • 4了解结果
    • 4.1总体表现分数
  • 5选择为速度构建的WordPress主题
    • 5.1 Divi是建立快速网站的绝佳选择
  • 6准备加快您的网站?今天发现Divi

为什么您应该关心网站速度

网站速度是积极的用户体验(UX)的基石,也是您网站成功的重要因素。您的网站加载速度与访问者的满意程度之间存在直接联系。加载时间缓慢导致沮丧,最终导致遗弃。在当今的数字世界中,人们对所花费太长时间的网站几乎没有容忍。他们只需单击“后退”按钮,然后前往竞争对手的网站。这种跳出率(仅查看一页后离开您的网站的访问者的百分比)会随着您的网站加载每增加一秒钟而急剧增加。

网站速度在搜索引擎排名(SERP)中也起着重要作用。诸如Google之类的搜索引擎考虑网站加快高级因素。他们优先考虑快速加载网站,因为他们知道用户更喜欢他们。缓慢的网站会对可见性产生负面影响,从而使潜在客户更难找到您。这样想:如果两个网站提供类似的产品或服务,那么更快的网站可能排名较高。

网站速度还与转换率直接相关。无论您的目标是产生潜在客户,推动销售还是鼓励新闻通讯注册,快速网站都可以改善结果。当您的网站按预期加载时,访问者可以探索它,参与其内容,并最终转换为客户。

一个缓慢的网站损害您的声誉

缓慢加载网站还有其他缺点。它可以影响您品牌的形象和信誉。永远需要加载的网站可以使您的业务显得不专业,过时或不可靠。它可以产生负面的第一印象,从而使与潜在客户建立信任。用户还可以将您的网站的性能与细节相关联或缺乏投资,从而损害您品牌的声誉。

信不信由你,慢网站也会影响移动用户。由于大多数互联网用户在手机上访问网站,因此提供快速加载网站比以往任何时候都重要。移动用户的Internet连接通常比台式机上的连接较慢。如果没有快速的网站,您就有可能失去更广泛的受众,并为所有人提供积极的用户体验,而不论他们的设备如何。

进行网站速度测试的工具

可以使用多种工具(免费和付费)来帮助您评估网站的速度并确定改进的领域。它们都具有相同的指标,并使用了不同的UI方法。让我们看一下一些他们提供的东西。

Google PagesPepeed Insights

Google PagesPepeed Insights

由Google提供支持的PageSpeed Insights是一种免费的工具,可分析您网站的速度和用户体验。它根据受控和现实世界的用户体验提供实验室和现场数据。它提供了可行的建议,以改进,并根据其潜在影响确定它们的优先级。这可以帮助您了解Google如何看待网站的速度并确定可以改善核心网络生命值的领域(稍后会详细介绍)。

GTMetrix

GTMetrix

GTMetrix结合了Google PagesPeed Insights的数据和另一个可比的性能分析工具,以概述您的网站速度。它提供详细的报告,包括性能得分,瀑布图表(可视化资源负载)和优化建议。 GTMetrix允许您随着时间的推移监视网站的性能并跟踪影响。它还使您可以从不同的位置进行测试,从而为全球用户提供见解。

pingdom

pingdom网站速度测试

pingdom是一项网站监视服务,可让您从不同位置和浏览器中测试网站的速度。它为您提供了详细的瀑布图和性能指标,如果您想了解网站的速度,这很有帮助。您将找到有关从性能建议和页面大小到加载时间和HTTPS请求的所有内容的数据。因此,如果您需要深入的速度测试,pingdom是一个不错的选择。

网站分级器

HubSpot网站分级机

HubSpot的免费工具网站Grader可以查看您的网站,并为您提供有关其性能,SEO,移动友好性和安全性的报告。这是查看您网站表现良好以及在哪里更好的好方法。它甚至在Hubspot Academy提供免费的课程。但是,我们应该指出,您需要您注册访问权限。

如何进行网站速度测试

测试本身并不多,但是了解结果是另一回事。让我们通过Google PagesPeed Insights进行网站速度测试。要进行测试,我们将使用Divi可用的Divi快速站点示例。我们将避免在我们的网站上添加插件以保持清洁。

输入您要测试的网站的URL ,然后单击分析按钮。

网站速度测试

Google将遵循测试您网站的步骤,首先发现真正的用户降落时经历的经历,然后诊断性能问题。它为移动设备和台式设备提供了四个指标:性能,可访问性,最佳实践和SEO。我们的测试网站没有SEO,因此结果将反映出这一点。但是,即使没有它,WordPress也是搜索引擎友好的,这要归功于其SEO优化的代码。

Google页面速​​度测试结果

了解结果

借助网站速度测试结果,您会看到很多可能难以理解的指标,尤其是如果您是初学者。没关系,因为我们会带您穿过每个人,以帮助您加快速度。

总体绩效得分

Google性能指标

在进行测试后,我们看到我们的总体绩效得分为96,这非常好。它表明我们的网站很快加载并提供了良好的用户体验。分数从0到100不等,更高的分数更好。它还具有一些分数基于的指标。这些被称为Google的核心网络生命力,其发现直接影响您的网站在搜索结果中的表现。

核心网络生命值

Google根据一些影响其整体得分的关键性能指标对您的网站进行评分。它们是首先满足的油漆(FCP),最大的内容涂料(LCP),总阻塞时间(TBT),累积布局偏移(CLS)和速度索引。让我们简要介绍每种含义:

  • 第一个内容的油漆:这可以衡量浏览器在页面上呈现第一篇内容(文本,图像等)的速度。 0.6是一个很好的FCP,这意味着用户很快在屏幕上看到了一些东西。
  • 最大的内容涂料:这可以衡量最大内容元素(英雄图像,主标题等)在视口(用户的视图)中可见的时间。 1.1是一个很好的LCP,向我们展示了网站上的主要内容,很快就会加载。
  • 总阻塞时间:这可以衡量主线程(Web浏览器的渲染引擎中的主要工作人员)的总时间,从而阻止页面响应用户输入。 120毫秒是一个不错的TBT,但较低总是更好。
  • 累积布局偏移:这可以衡量页面的视觉稳定性。低CLS分数意味着页面上的元素不会随着页面加载而出乎意料的转移,这对用户来说可能很烦人。 0.011是一个很好的分数。
  • 速度索引:这显示了该页面内容在视觉上显示的速度。整个页面都在0.8秒内加载,这很棒。

诊断

PagesPeed Insights诊断

PagesPeed Insights为您提供特定的提示,以使您的网站负载更快。它检查网站的不同部分,并告诉您要修复什么。让我们看一下这些改进的每个领域,并解释它们的含义。

  • 以下一代格式提供图像:这表明该网站使用旧的图像格式(例如JPEG或PNG),可以使用更新,更有效的格式(例如WebP)。切换到这些格式将减少图像文件大小并加速加载。
  • 尺寸合适的图像:网站可能使用的图像比其显示大小所需的图像要大。调整图像大小以匹配其显示尺寸将减少文件大小并改善负载时间。
  • 推迟屏幕映像:这意味着应延迟加载折叠下方的图像(页面加载时不立即可见)。懒惰加载意味着这些图像仅在视图中可见时才会加载,从而改善初始页面负载。
  • 避免在现代浏览器中提供旧版JavaScript:这表明该网站不提供旧版JavaScript,这很好。传统JavaScript通常比为现代浏览器编写的代码更大,效率较低。
  • 减少未使用的CSS:该网站具有当前页面上未使用的CSS代码。删除此未使用的代码将减少CSS文件的大小并加快解析。
  • 减少未使用的JavaScript:类似于未使用的CSS,该网站具有未使用的JavaScript。删除它将减少文件大小并改善加载时间。

可访问性

网站速度测试

Google PagesPeed Insights除了性能外,还评估了网站可访问性。低可及性得分表明视觉或其他障碍的用户的障碍。我们的测试表明需要改进的几个领域。幸运的是,诸如Userway和Divi Marketplace的可访问性捆绑包(用于Divi用户)之类的工具可以简化优化网站可访问性的过程。

让我们深入研究他们的意思:

  • 按钮没有可访问的名称:没有适当访问名称的按钮很难使屏幕读取器解释,这对于视力受损的用户而言无法使用。这通常意味着按钮元素中的ARIA-LABEL属性或ALT文本缺失或不足。
  • 链接没有明显的名称:类似于按钮,链接需要描述性文本或可访问的名称,因此屏幕读取器可以将其目的传达给用户。这通常意味着链接文本含糊不清或缺少Aria-Label
  • 用户量表设置为NO:这表示潜在的可用性问题,尤其是对于移动用户而言。禁用用户滚动可能会使低视力的人很难放大并查看内容。尽管这是在最佳实践下标记的,但它也具有可及性的影响。
  • 标题元素不在依次延长的顺序中:这意味着网站的标题结构(H1,H2,H3等)是不合逻辑的。屏幕读取器用户依靠标题来了解页面结构,而错误的顺序可能会令人困惑。例如,将在这里标记在中间的H2到没有H3的H4。

正如我们所看到的,即使是一个完善的网站也可以具有改进的领域。在优化图像,CSS和JavaScript很重要的同时,您网站速度的基础在于您选择的主题。编码不佳的主题甚至可以否定最激进的优化工作。这就是为什么选择为速度设计的WordPress主题至关重要的原因。

选择为速度构建的WordPress主题

您的WordPress主题是整个网站的框架。它决定了您的内容的显示方式,网站的功能以及其加载的速度。不管您如何优化其他元素,一个肿的或低效编码的主题都会影响您的网站的性能。

选择主题时,请查找以下功能:

  • 轻量级代码:最快的主题使用最少的代码,避免了不必要的膨胀,从而减慢了加载时间。
  • 针对核心Web Vitals进行了优化:选择一个符合或超过Google核心Web Vitals thresholds的主题。
  • 移动优先的方法:始终选择一个响应式主题,因为移动速度对于用户体验和SEO至关重要。
  • 恒星支持:选择一个主题,该主题由其开发人员积极更新和支持。

Divi是建立快速网站的绝佳选择

Divi 5

虽然我们的网站速度测试是在Divi 4建造的网站上进行的,但值得注意的是,Divi 5所引入的性能改进。Divi一直是其视觉构建器和设计灵活性的流行选择,但是有很多Divi 4和Divi 5之间的差异。优雅的主题开发人员一直在努力简化代码库,优化CSS并改善JavaScript执行,从而使一个更快,更有效的主题显着。视觉构建器也有广泛的变化,提供了更具用户友好,流线型的外观和感觉。如果您熟悉Divi,升级到Divi 5可以提高您的网站的性能。但是,如果您是第一次考虑Divi,那么现在是一个迈出飞跃的好时机。

Divi是世界上最可定制的主题。您可以使用Visual Builder从头开始创建网站,与Divi AI生成网站,也可以使用Divi快速网站来开始创造力。 Divi还提供全站点编辑,使您可以使用主题构建器设计网站的每个角落。您可以构建标题,页脚,邮寄和档案页以及WooCommerce页面。

Divi是未来的证明

现在购买Divi时,您可以免费升级到Divi的未来版本。这意味着由于Divi 5的速度提高了速度,您将能够比以往任何时候都更快地构建网站。以下是最新的Divi 5 Alpha现在可用的一些性能增强功能 - 带有Divi许可证:

  • 改进的前端页面负载速度: ET通过远离昨天WordPress的旧版短代码结构,完全改写了Divi的框架。这会减少处理时间和更快的页面负载速度。
  • 效率的模块化代码库: Divi 5具有模块化体系结构,使其更轻巧和可扩展。
  • 无动画UI: Divi 5的界面已删除了构建器中过多的动画,从而获得了更流畅,更快的构建体验。

Divi的未来是光明的。借助速度增强,新框架和更快的建筑体验,您可以构建通过颜色通过网站速度测试的网站。

立即获得Divi

准备加速您的网站了吗?今天发现Divi

快速加载的网站不再是奢侈品,而是必要的。缓慢的网站可能导致沮丧的用户,转化率损失以及品牌声誉受损。在这篇文章中,您已经了解了图像优化,高效的代码和精心挑选的主题在您的网站性能中扮演着所有角色。诸如Google PagesPeed Insights之类的工具使您可以轻松地进行网站测试,并为改进领域提供宝贵的技巧。

在优化各个元素的过程中,快速网站的基础是选择旨在性能的主题。 Divi持续发展和致力于提高绩效的承诺,这是一个绝佳的选择。 Divi 5的速度提高 - 经过改进的框架,简化的代码库和更快的建筑体验 - 代表了性能的重大飞跃。

无论您是经验丰富的Divi用户还是平台的新手,现在都是利用其力量并建立看起来不错且迅速加载的网站的绝佳时机。