理解站点性能和自动化速度测试的10个步骤的过程

网站速度对于SEO很重要，这已不是什么秘密。

站群不仅将它用作排名因素，而且从用户登陆您网站的那一刻起，就必须为用户提供良好的体验。

网站速度慢和性能不佳将影响用户体验和可访问性，并影响企业的增长，最终影响收入。

实际上，那些致力于提高速度的组织已经看到了网站流量的增加，更好的参与度以及转换率的提高。

Pinterest就是一个例子，在实施绩效预算后，他们看到了用户情感和参与度的提升，这意味着收入增长了44％。

性能优化的蓝图

考虑到所有这些因素，来自站群Chrome Web平台的Paul Irish和Elizabeth Sweeny在2019年站群I / O活动中分享了他们创建的有用蓝图，用于评估和优化站点性能。

虽然这主要集中在开发茶上女士，有一些对SEO专业人员有用的关键任务，我在本文中对此进行了进一步的探讨。

在这些领域中开展工作将为您提供一个与开发团队更紧密地合作以实现一个共同目标的机会：

为您的用户提供最佳体验。

这样做的方法。

1.了解关键指标

第一步是了解站群在测量网站页面速度时使用的关键指标。

对于我们来说幸运的是，站群对这些度量标准很开放，并在其开发站点的专用部分中对其进行了详细的详细说明。

站群当前使用的度量标准是：

首次合格涂料（FCP）

最大含量的涂料（LCP）

首次输入延迟（FID）

互动时间（TTI）

总封锁时间（TBT）

累积版式移位（CLS）

这些指标中的每一个都有不同的权重，这会影响所提供的总体性能得分。

这些指标中的许多已被站群使用了几年，但是最近它们已经推出了一些更新的文件，这些文件变得越来越重要：

最大含量的涂料（LCP）

此以用户为中心的度量标准显示在视口中可见的最大元素的渲染时间。

总封锁时间（TBT）

TBT可以测量网站的负载响应能力，并在页面可用之前量化页面的非交互性。

累积版式移位（CLS）

另一个以用户为中心的度量标准，CLS通过量化用户经历意外的布局偏移的频率来衡量页面的视觉稳定性。

2.衡量用户体验的质量

此步骤涉及评估对您站点上的实际用户的性能影响，因此，确定最重要的指标的优先级非常重要。

站群整理了一个有用的矩阵，可以帮助您考虑用户的期望以及与之相关的指标。

在确定优化工作的优先级时，使用此矩阵来分析上面列出的最有影响力的性能指标非常有帮助。

3.收益页面速度概述

下一步是检查您网站的效果。在大型网站上工作时，最好总是选择一些关键页面来进行此分析。

这可能是带来大量收入或获得大量流量的页面。

另外，如果您的站点具有用于关键页面的模板，则可以分析其中的一些模板，以了解整个站点的基本性能水平。

执行页面速度测试测试过程

有多种工具可让您执行页面速度测试，其中一些是免费的网站性能，并且是获取对网站性能的关键见解的良好起点。

站群的Pagespeed见解

这个来自站群的免费工具结合了Lighthouse的实验室数据和Chrome User Experience报告中的现场数据，以分析网页内容并提供改进建议。

它可让您测试移动和桌面体验，并根据指标显示100分以上的得分我们在上面谈到。

GTMetrix

GTMetrix是另一个免费工具，可提供速度指标细分以及优化机会。

另一个有用的功能是能够根据位置，设备和浏览器类型自定义测试的功能，因此可以用来模拟不同的浏览环境。

使用网络爬虫

尽管上面的工具对于逐页分析很有用，但是如果您要进行大规模测量以及查看视觉趋势，则使用爬网工具将非常有益。

例如，通过使用DeepCrawl的自定义JavaScript功能，您将能够从Chrome中提取许多关键指标。 （

披露：我在DeepCrawl工作。）

这不仅使您能够大规模收集有用的见解，而且还可以看到站点速度随时间变化的视觉趋势。

4.发现影响页面加载的特定方面

有许多因素可能会影响您的页面速度。一些主要的罪魁祸首包括：

大量使用JavaScript的资源。

大 图像文件大小。

具有大量的重定向链。

使用Chrome开发工具可以使您发现页面上可能影响加载时间的所有特定方面。

最有用的报告位于“覆盖率”选项卡下，使您可以运行记录来测试特定页面的负载。

这不仅使您能够查看哪些资源会影响用户体验，而且还可以了解页面的不同方面的加载，渲染和绘画所花费的时间。

这将使您能够查明影响加载速度的特定问题区域。

5.设置要跟踪的特定KPI

请务必记住，每个网站都是独一无二的，具有特定的挑战和个人的成功指标。

这些将根据网站的主要目标而有所不同，而KPI将取决于这些目标。

例如，我曾经与一位电子商务客户合作，希望通过自然流量增加销售量，因此将KPI设置为“增加销售量”在接下来的6个月内，来自自然用户的访问量将增加10％。”

其他KPI可能基于增加的自然会话，生成或转换更多的线索以及降低页面的跳出率。

页面速度将直接影响这些KPI，因为一个快速的站点将得到站群的奖励并提供更好的用户体验。

6.实施建议的更改

此步骤涉及实施您在先前步骤中执行的测试所提供的建议更改。

常见的优化建议包括：

实现缓存以减少初始请求的大小。

提供下一代格式的图像。

压缩和最小化HTML，CSS和JavaScript。

消除渲染阻止资源。

在这里，您将需要与开发团队合作，以了解站点上可能发生的事情并实现更改。

您可以向开发人员询问很多术语，这些术语可以帮助您更好地了解网站的工作原理，Rachel Costello p在她最近关于技术SEO的未来的演讲中，展示了这些术语的有用列表。

7.减轻第三方标签对性能的影响

查看您网站上的第三方标签及其对网站性能的影响也很重要。您可能会对此处看到的结果感到惊讶。

有许多工具可以提供不同第三方标签的请求数量，加载时间和运行时成本的直观摘要。

例如，“请求地图”在页面上显示标签的地图，并允许您选择测试位置以从中运行分析。

以及第三方网站，使您可以识别对性能产生最大影响的标签。

了解这些标记的影响后，您可以查看不必要的标记并着手删除它们。

8.随时间跟踪指标

为了确保您已实施的更改能够为您带来积极的影响，请务必按时跟踪这些更改，这一点很重要e, both to view the improvements and to identify any regressions.

There are many ways to review how performance has evolved, including:

Using custom-made dashboards that incorporate data from 站群’s Page Speed Insights tool.

The Chrome User Experience Report.

9. Compare & Monitor Performance Against Others in Your Industry

Undertaking compe***** ****ysis is important in most SEO tasks, including performance optimization, in order to gain an understanding of how similar websites in your industry are performing and how you compare to them.

Using Web Page Test’s Visual Comparison you can input both your website and your compe*****s’ sites to compare the loading experience and see where you match up.

10. Measure the Correlation Between Performance & Revenue

The final step in this list is one of the most valuable things you can do: connect the real user metrics you have collected above to your actual business goals.

This will enable you to collect ROI data and prove the business value of the improvements you have been undertaking.

One way of performing this is by selecting important representative pages to monitor in order to understand how the page speed data over time affects the business KPIs set for these pages.

For example, you could measure this set of pages for site speed changes and correlate the results with user or conversion date from 站群 Analytics.

Automating Performance Testing & Monitoring

Performing site speed ****ysis can be a time-consuming task, especially if you have a large URL set to review.

Therefore, in order to efficiently track improvements over time, adopting an automated approach to testing can be very beneficial.

There are several ways you can automate page speed testing, including:

Using a Crawler

As mentioned above, you can use a website crawling tool to run regular crawls and monitor site speed over time.

It is typically possible to automate these reports by setting crawls to run weekly, fortnightly or monthly and receive notificat离子准备就绪时进行检查。

站群Search Console

去年，站群还在站群Search Console中引入了速度报告，通过该报告，您可以使用“ Chrome用户体验报告”中的数据查看网站关键速度字段指标的汇总视图。

还可以深入研究特定问题并查找需要改进的页面组示例。

最重要的是，您将能够随着时间的推移监视速度，并根据正在实施的工作查看是否有任何改进，以及发现任何回归。

在命令行中运行Lightspeed测试

也可以通过命令行运行Lighthouse报告。这样做的好处是您可以使其在后台运行，并可以多种格式生成结果。

为此，您需要在计算机上安装站群Chrome和node.js（JavaScript运行时环境）。从这里开始，我们将使用NPM软件包在命令行上安装Lighthouse;sudo npm install -g灯塔

安装完成后，您将可以使用以下命令直接从命令行运行灯塔测试;

灯塔

{您的网址}

这将打开浏览器窗口，并自动为您执行常规的灯塔测试。您还可以定义输出格式，甚至可以无头运行命令，以免打扰您的工作流程。

例如，我将按以下方式运行分析;

灯塔https://www.asos.com/women/ --quiet --chrome-flags =“无头” --view

这将使用无头Chrome浏览器运行测试，并在完成后以HTML文件打开输出，并将其保存到我的计算机中。

您可以在此处的Github存储库中找到更多高级选项，以及有关安装和运行它的完整说明。

这也是开始使用命令行来运行分析的一种很好的方式，并且对我提高使用它的舒适度也有很大的帮助。

总结一下

需要一个快速，高性能的网站不会消失。

作为SEO专家，我们有很大的机会与我们的开发团队合作，为网站访问者和搜索引擎爬虫提供最佳体验。

通过执行上面概述的10个步骤，我们将能够为围绕网站优化的对话提供很多价值，但是了解特定网站的可能情况也很重要。

例如，由于其设置，某些网站具有某些限制，这些限制将不允许它们以页面速度测试建议的某些方式针对速度进行优化。

同时，与开发人员一起检查您是否可以实施以用户为中心的策略，例如平稳降级和逐步增强，将有助于进一步的优化活动。

此外，执行速度分析不再是手动任务。

有几种工具可以自动执行这些测试，以提高效率并让您专注于测试ime on ensuring your site is as user-friendly as possible.

More Resources:

How to Improve Page Speed for More Traffic & Conversions

User-Centric Optimization: 3 Ways to Improve Your Website Experience

A Technical SEO Guide to Lighthouse Performance Metrics

Image Credits

In-Post Image: DeepCrawl

All screenshots taken by author, March 2020