如何加速您的网站(指标,工具,优化技巧)

作为网站所有者,了解如何加快网站测试速度非常重要。页面加载速度影响很多事情,从用户体验到转换到SEO。这就是为什么我们已经介绍了如何在这些帖子中改进它:

  • 14种加速WordPress和减少页面加载时间的方法
  • 10种简单的方法来加速您的WordPress网站[案例研究]

但是,将这些提示付诸实践的基础是您对网站的当前状态有正确的了解。虽然有许多软件解决方案可以测试网站速度,但您还需要能够理解和解释结果。只有这样才能采取措施纠正问题。

在这篇文章中,您将了解到这一点。下面,我们将深入讨论如何加速测试您的WordPress网站。我们将讨论网页的加载过程,检查重要的速度指标并列出测试它们的工具。之后,该帖子将讨论如何从中获取有意义的数据以及如何处理结果。

通过学习,您可以采取正确的措施,使您的网站快速加载,并为您的受众提供更好的服务。

网站速度优化 – 第一步

在深入研究如何加速测试您的网站之前,有必要涵盖这一领域的重要概念和工具。

网页如何加载

要理解的基本事项是网页如何在访问者面前结束。了解这一点将有助于您更好地了解可能出现问题的位置,从而纠正这些问题。

首先,用户打开浏览器并输入网址。这将创建一个DNS请求,该请求将解析为指向服务器的域名提供程序。从那里,浏览器开始加载组成您网站的文件:

  • HTML – 提供站点的主要结构。如果您使用的是WordPress,CMS会从PHP动态生成它。HTML文档还包括对所有以下文件类型的调用。
  • CSS – 负责样式,颜色,尺寸等。找到样式表。
  • JavaScript – 主要为您的网站添加交互式元素和功能。每当有什么东西移动时,通常都要归功于JavaScript。
  • 资产 – 提供站点部分的其他文件。这里最常见的通常是图像。
  • 外部资源 – 并非您网站上的所有内容都在您自己的服务器上。某些元素(如自定义字体)来自外部源。

一旦浏览器收到文件,它就可以开始构建然后呈现内容。它接收文件的顺序和速度决定了访问者在浏览器窗口中看到更改的速度。有关其工作原理的详细信息,请查看此文章。

需要注意的是,以上所有内容都代表了不同的HTTP请求。拥有太多这些已经导致经济放缓。如果您怀疑是这种情况,链接的帖子将告诉您如何处理它。

重要的速度指标

除了上述内容之外,为了解决您网站上的速度问题,如果您了解一些在加载页面时会影响用户体验的基本指标,那就太好了。

在页面加载期间可视化用户体验
图像来源
  • 第一个字节的时间(TTFB) – 浏览器从站点接收第一个信息所需的时间。
  • 第一次绘画 – 屏幕不再空白的那一刻。例如,背景颜色更改计为第一个颜色。
  • 一个满意的颜料 – 当第一个内容出现时。可能是导航,标题图像或任何其他元素的一部分。
  • 第一个有意义的绘画 – 在这里,用户可以看到主要内容,以便他们可以理解页面的内容。
  • 交互时间 – 页面可用之前的持续时间,您可以与之交互。

下面的许多工具都会向您展示这类信息。

速度测试网站的重要指标

每个步骤都取决于不同的因素,因此在出现问题时需要不同的解决方案。例如,如果到第一个字节的时间很长,它通常是慢速服务器的指示器。因此,了解这些步骤将有助于您了解流程停滞的位置并采取有针对性的行动。

现场速度测试工具

以下是一些可用于测试您网站的工具。他们会为您提供不同的数据集,以了解它的运作方式。下面我们将讨论如何处理这些数据。

  • Lighthouse – Chrome扩展程序,可用于生成任何网站的可访问性,SEO,最佳实践和性能的报告。它能够模拟移动连接,使用上述许多指标并提供有关如何改进网站的建议。
  • PageSpeed Insights – 我在其他帖子中多次推荐过此工具。它现在附带了Chrome用户体验报告中的数据,至少对于热门网站而言。除此之外,该服务提供与Lighthouse扩展类似的数据。
  • 测试您的移动速度 – 专门针对移动速度的Google测试工具。允许您模拟不同的位置和连接速度,将结果与竞争对手进行比较,评估提高加载速度的潜在业务影响,并为不同的页面获取定制的建议。您还可以通过电子邮件向您发送详细报告。
  • Pingdom – 第一个用于速度测试的非Google工具。Pingdom会为您提供与PageSpeed Insights相同的信息,但在我看来,更容易消化和理解。例如,它附带了一个瀑布图来发现瓶颈并有其他信息。
  • GTmetrix – 与Pingdom类似,但数据更多。可能会更加压倒性和用户友好性,但为您提供了大量的信息。

除上述内容外,还有其他两个有关访问者如何看待您网站的信息来源。首先是位于谷歌搜索控制台下抓取>抓取统计

如何使用谷歌搜索控制台加速测试您的网站

在这里,您可以看到Google访问您网站时的响应时间。如果平均值超过500毫秒,则需要采取行动

第二个工具是Google Analytics中的速度报告(在“ 行为”>“网站速度”下找到它们)。

使用谷歌分析数据来加速测试您的网站

在这里,您可以获得有关不同浏览器和页面的页面加载速度的信息以及改进建议。请注意,默认情况下,Google Analytics只会针对1%的网页跟踪此情况。要获取更多信息,请将此数字增加到50%或100%。

那么,你如何使用它来加快测试你的网站呢?

好了,既然您知道要查找什么以及如何跟踪它,那么您可以使用以上信息来测试网站的速度。

1.测试你的主页

网站的首页通常会占据很大的流量。这也是你网站的傀儡。出于这个原因,这个页面是你应该测试的第一件事。这样做还可以为您提供有关您的网站一般票价的信息。

因此,请随时将您的主页插入上面的一个或多个速度测试工具中。但是,当您在某处输入URL时,最好向其添加缓存buster参数,如下所示:https//yoursite.com/? cache = busted 。这样,它就不会使用任何预先加载的资产,而是更接近首次访问者所拥有的体验。

如果这会对您的网页产生巨大影响,则可能意味着您过分依赖缓存来加速您的网站。在这种情况下,您应该采取措施,让那些第一次来到您网站的用户体验更好。对于重复测试,请在参数末尾添加数字(例如https://yoursite.com/?cache=busted 2),否则,您可能会再次获得缓存结果。

2.从多个位置进行多个测试

您的网站速度将根据一天中的时间和人们访问它的位置而有所不同。因此,为了更准确地了解其情况,最好进行多次测量。

理想情况下,您应该每小时安排一次自动测试并让它们运行一周。您可以使用GTmetrix和Pingdom设置这样的监控,但它不是免费的。所以,如果这不是你想要付出的代价,至少在不同的时间进行一些手动测试。

除此之外,尝试几个位置是有意义的。您可以使用相同的工具来执行此操作,只需注意您必须注册(免费)GTmetrix帐户才能在那里启用切换位置。

Pingdom主页。

在这里,根据您的受众进行测试非常重要。如果您有本地站点(例如,仅以您所在国家/地区的语言提供的站点),则使用距离服务器最近的位置就足够了。但是,如果您定位到国际受众群体,那么了解来自不同位置的访问者的体验是有意义的。

3.测试你最重要的页面

此时,您需要注意站点速度页面速度之间存在差异。网站速度是您网站上所有网页的加载速度的总和。页面速度是指加载单个页面的速度有多快。

因此,仅仅测试网站的首页是不够的。这一点尤为重要,因为在许多情况下,它实际上是您拥有的内容最少的页面之一。

从理论上讲,您应该在所有页面上运行测试,因为大多数有机访问者不会通过主要地址,而是通过他们在搜索结果中找到的随机页面。使用爬虫可以这样做,例如Sitebulb或Screaming Frog(两种付费产品)。

如果您不使用这些,根据您网站的大小,测试所有页面并不是那么实用。在这种情况下,您应该至少检查最重要的页面。您可以通过分析范围行为>网站内容>登录页面找到这些内容

检查Google Analytics中的目标网页

这些是访问者主要用于输入网站的部分。如果您为自己设定了至少优化前20个结果的目标,那么您已经完成了自己的工作。

此外,您可能需要检查上述页面计时,并按平均页面加载时间对它们进行排序,以查找最严重的违规者。

在Google Analytics中查找效果最差的网页

将这些放在您的页面列表上也进行优化。此外,在您优化网站后再回到这里,因为平均值会发生变化,并且会出现一组新的最慢页面。

4.现在为你的比赛做同样的事

在弄清楚你自己的网站如何在上述领域发展之后,如果你还有精力,你可能想参与一些竞争对手的分析。这意味着,将一小部分最接近的竞争对手(商业明智或在搜索结果中)带到同一个过程中。

为什么?

因为速度可能是你可以击败他们的东西。研究表明,如果他们的第一选择花费太长时间,人们可能会去竞争对手的网站。

除此之外,页面加载速度可能会使您在SERP中超越竞争对手。由于  大多数点击次数都是谷歌的最高结果,因此这绝不是件坏事。因此,不要忘记加速测试比赛。

如何使用速度测试结果

好吧,到目前为止,您应该掌握有关您网站速度资料的大量信息。现在问题是,你用它做什么?我们快点谈谈。

专注于真实生活的改进

虽然许多速度测试工具可以为您提供评级和百分比,但重要的是您不要专注于这些分数。它可能有很多绿灯,但仍然提供糟糕的用户体验。

相反,请关注访问者真正关心的内容:加载页面需要多少秒。如果你能改进它,它将产生最大的影响,并自动导致更好的分数。所以,忘记感觉良好的指标,专注于产生真实的结果。

怎么做?我很高兴你问。

首先解决整个网站问题

在尝试加速WordPress网站时,最好首先关注影响其所有部分的因素。通过修复一般缺点,您可以立即提高所有页面的页面加载速度。这样做将为最大的访客份额带来最大的不同。

您可以在此领域采取的措施包括:

  • 更改托管服务提供商
  • 更新PHP版本
  • 清理数据库
  • 清理您的网站
  • 启用Gzip压缩
  • 优化图像

所有这些都将影响您的网站整体,从而带来巨大的改进。

之后,专注于单页

当您采取措施改善整个网站时,您可以继续处理单个页面。如果你的测试表明一些最重要的问题有更大的问题,那么现在是时候深入了解瀑布图并找出谁是罪魁祸首。

找到瀑布图中的瓶颈

它可能是一个太大的图像,一个远程脚本,可以更好地在本地托管或任何其他进入页面的文件。每个实例都不同,因此,解决方案会有所不同。按重要性顺序改进一页,你最终会有很大的不同。

关于如何加快测试网站的最终想法

学习如何测试您的网站加载速度是一个有用的技能,可以创建更好,更用户友好的网站。页面加载速度对网站成功的影响是许多人低估的。只有拥有适当的数据才能让您在此区域采取正确的行动。

以上,您已经获得了在WordPress网站上进行速度测试的一流教育。您已经了解了加载网页的内容,页面加载速度的重要指标以及衡量它们的工具。您现在也知道如何将这些知识应用到您自己的网站,以加快速度。

以上内容足以为您的网站带来显着的速度提升。当你这样做时,很有可能它会改善你的其他成功指标。

说点什么

500