WebPageTest 的新机会和实验：几乎可以测试任何东西

已发表: 2022-06-08

对于网络开发人员的 SEO 方法来说，从来没有比现在更好的时机。

工具和资源（包括新工具和任何熟悉的工具）的创新速度和对我们开放的选择也要求我们跟上步伐。最近，随着 Google 发布算法更新和对指标计算的更改，这意味着对性能优化的更多要求。

您应该熟悉的一种工具是 WebPageTest。他们最近发布了一些非常有用的新的完全集成的测试工具。

WebPageTest 现在通过 Netlify 代理用户指定的实时 HTML 修改，以便在其用户界面内运行比较测试。无需编码。

天才是有道理的

三大关注领域的智能应用程序逻辑为您提供气泡结果，但不仅仅是文本简介，还为您准备了重新测试选项，以便您运行变体组合以进行比较。 WebPageTest 中可用的测试数组现在意味着将不再使用第三方代理工具来设置测试，这些代理工具可以复制您可以直接测试的内容。

这在以前在技术上都是可行的，并且最初的方法仍然很重要。

尽管令人印象深刻，但总有一些测试需要您使用您选择的代理主机来运行。但是，这需要处理 JavaScript 和 Cloudflare。

使用 WebPageTest，您可以指向并单击。

始终牢记，实验室测试的最佳数字组合可能不会在现场产生相同的数字。它实际上可能导致网站功能损坏。

脚本和样式具有开发人员定义的加载顺序，其中任何更改都可能意味着不适合生产的重大更改。作为优化过程的一部分，代理主机可以为 QA 提供访问权限。

排除了这个警告之后，让我们告诉您拥有一个用于演示 HTML 优化的测试平台是多么棒。一年多来，它一直是我们研讨会和会议的基础。

我们的 Search Engine Land 指南文章可以帮助您设置测试平台。 我们将在 SMX Advanced 中使用更新版本。 如果你能做到，请加入我们的直播。

WebPageText 的 Opportunities 文本对报表中的每个人都可用。

您不再需要 JavaScript 技能来运行 HTML 变体比较。相反，您将需要一个付费帐户来运行标记为 Experiments 的内置代理测试。

免费帐户使您可以更好地访问报告和历史记录，但不能运行实验。您仍然可以免费编写 JavaScript 并代理您自己的测试。

它远没有那么方便，而且占用了太多时间。

选择 WebPageTest 报告中的 Opportunities & Experiments 菜单项，您将看到一个完整的发现列表。

这里的机会来自真实世界的测试条件（尽可能用硬件模拟）。我们的测试表明有机会重新测试渲染阻塞资源变体（通常是 JavaScript 和 CSS）、延迟加载图像、自托管第三方脚本等等。

使用该接口测试异步、延迟甚至内联脚本和样式表。我们一直在编写 Cloudflare Worker JavaScript 来代理这些测试，我们还添加了内联样式规则以将内容加载到页面底部，包括页脚。 WebPageTest 集成的初始数组可以处理我们原始测试的大部分，但不是全部。

现在将测试放在一起很容易。

修改测试设置并开始运行变体，以全面了解绿色 Core Web Vitals 的圣杯。该产品非常全面，涵盖的内容远远超过影响网页性能的内容。

您会发现三个类别，它们通过以下问题对实验机会进行分组：

WebPageTest 必须类似于测试套件的仪表板，并设法在提供比 Lighthouse 更多详细信息的报告中做到这一点，并且具有比 Chrome 开发工具更好的瀑布图表示。

虽然通过点击确实可以在“无代码”环境中运行 HTML 实验，但提供的详细信息和导航需要经验——编码经验是最好的。

一个新的内置 Experiment 通过删除所有 JavaScript 来复制另一个 Cloudflare 工作任务。拥有这样易于访问的东西比为测试变体编写脚本要方便得多。

高级实验允许我们在关键位置插入 HTML，测试策略以更改加载顺序、加载失败或修改（包括缩小）资源。

从技术上讲，没有什么能阻止我们在任何页面上测试几乎任何东西。

比较报告本身可以引导您选择和重新测试更多变体。结果指标横幅包括控制和实验之间的彩色编码改善和恶化分数。

带有实验开关子集的剩余机会部分显示在下面。您可以点击您的方式进行重大改进。

我们已经完成了在 SMX Advanced 上编写演示测试的艰苦工作，当我们上线时，您可以期待我们对我们使用的工具进行这次重大更新。这会容易得多。

我们将看看 WebPageTest 实验集成的快速文本循环是否获得了我们已经准备交付的内容。让我们看看我们能否全面实现绿色环保。