Return to site

如何不在面向绩效的网络中迷失方向

· seo优化

您可能已经知道,拥有一个缓慢的网站并不能让您比竞争对手更具优势,也无助于搜索引擎优化排名

您可能还知道如何执行基本操作(如图像优化),以帮助您的网站运行得更快一些。

由于涵盖了大多数基础知识,我想谈谈处理性能因素的不同方法,以及它们如何帮助您组织和优先处理网站上的速度提升过程。

大量案例研究表明,网站速度对用户行为有重大影响。网站管理员面临的最大问题之一是如何避免长时间加载,以便访问者在页面加载之前不会离开网站。

根据Think with Google,如果页面加载时间从1秒增加到5秒,用户在没有交互的情况下离开的概率会增加90%!这是巨大的,它表明每一秒都很重要。

跳出率是表示用户满意度的指标之一。然而,转换是SEO的圣杯。如果你惹恼有网站的用户,他们会去你的竞争对手,你就失去了销售。

加快移动版本

2017年11月,Google Engineer Addy Osmani撰写了Pinterest案例研究概述,其中展示了如何加快Pinterest网站的移动版本,改善了与用户互动相关的所有指标。

Pinterest在三个月内重建了他们的移动应用程序,结果非常壮观。他们的移动网站的旧版本在23秒内变为大多数用户的互动。他们把它减少到5.6秒。结果是:

在网站上花费的时间增加了40%。
广告收入增长了44%。
用户参与度提高了60%。

网站上的延误可能非常昂贵。如果您想了解自己的损失,请查看Think With Google 的影响计算器此工具可帮助您估算网站速度提升对收入的影响。

谷歌对面向绩效的网络的投入

多年来,Google通过支持加速移动页面(AMP)和渐进式网络应用程序等项目,为改善用户感知网页速度的方式做了很多工作 。两者都旨在尽可能快速,顺畅地向用户提供网站。

Accelerated Mobile Pages使用三个组件的开源库构建网页,这些组件可以帮助网页几乎立即加载:

AMP HTML - 加速移动页面超文本标记语言。
AMP JS - 加速移动页面JavaScript。
AMP缓存 - 加速移动页面缓存。
2015年,Google推出了Progressive Web Apps(PWA)。该概念建立在创建充当本机应用程序的 Web 应用程序的构想之上。PWA的一个巨大优势是它们与标准应用程序相比更小,而且它们的性能得到了服务工作者的推动。

Google使用网页速度作为排名因素

2010年,谷歌宣布性能已成为 桌面搜索的排名因素,并开始调整慢速页面的排名。最近一次重要的更新发生在2018年7月9日,当时谷歌为所有用户推出了速度更新。谷歌承认速度已被用作桌面搜索的排名因素; 但现在,页面速度也将成为移动搜索排名因素。

自从实施移动优先索引以来,桌面网页已经成为Google眼中的第二版。在索引和排名过程中,移动版本被认为是主要版本。无论我们在网页更改方面做了什么,我们都需要考虑使用较小(移动)屏幕的用户运行效率较低的处理器和较不稳定的互联网连接。

Google推出的另一个关键因素是页面性能。Google强调了解页面性能如何影响用户的网络体验的重要性。

有许多重要因素需要理解,因为它们与速度更新和角色性能现在在页面排名方式中有关。Google高级网站管理员趋势分析师John Mueller表示:

谷歌可以并确实区分速度相当快且非常慢的页面。
谷歌速度更新针对互联网上最慢的网站。
等待页面呈现几分钟是不可接受的。
谷歌不会注意到加载时间的变化(毫秒)。
在对网站优化进行排名时,谷歌依赖于多种因素,因此可能会发生这样的情况,即网站在其他方面表现优异,并且排名仍然很好。

你可能认为自己是安全的,因为你的页面不需要几分钟就可以加载,而你可能是对的。但也请记住:

  • 谷歌可能会在未来更改规则,并在排名过程中更加重视页面速度因素。
  • 时间就是金钱。即使很小的延迟也可能影响网站的转化率

速度有多快?

当我们考虑到用户代表具有不同设备,不同CPU和不同浏览位置的非同质人群时,回答这个问题会变得复杂。甚至他们的互联网速度和连接也不同。从两个不同的角度来看速度可以帮助我们理解拥有“快速”网站的含义。

两种表现方法

在分析和测量性能时,我们应该从两个不同的角度来看待它:

面向Google的表现。这不是排名因素。此类效果会直接影响Googlebot在您网站上的行为。在抓取时,Googlebot会向您的服务器发出多个请求以接收网页。如果它“注意到”服务器无法处理页面过载,Googlebot会减慢或停止抓取。

网站(更确切地说,服务器)越快,爬行就越有效。所以这种类型的性能与后端(服务器)有关,并且指的是服务器的“耐久性”。

以下图表是当您的网站速度变慢或加速时,您将在Google Search Console中的抓取统计报告中看到的图表。在第一个,“下载页面的时间”,如果网站加速......

这向Google发出明确信号,表明它可以抓取更多网页。

通常,结构越大,这些指标就越重要。如果你有几千页,谷歌抓取它们应该不是问题。但是,如果您的结构包含数百万个页面,则需要关注这些爬行问题。

面向用户的性能。这是一个排名因素。这完全取决于用户对速度和感知的需求。

真实用户指标(RUM)表示用户如何感知您的网站,不仅在性能和页面加载速度方面,而且在用户体验方面。 以用户为中心的性能旨在尽可能快地显示内容,以吸引用户的注意力并毫不拖延地响应他们的页面间交互。

来自Google: “......这些加载时间轴的屏幕截图应该可以帮助您更好地查看负载指标在加载体验中的位置:”

在页面加载速度方面,您应该遵循以下规则:

越快越好

但是,在分析和优化性能时,不要忘记网站的受众和目标。例如,我认为新闻门户网站在初始加载时具有更高的时间安排是可以接受的,但所有后续访问都像闪电一样快。这些类型的页面具有许多返回用户,因此它们具有高级缓存方法的优点。

另一方面,如果用户需要一次性或紧急支持,则您的网站必须快速且轻松地进行初始加载。在这种情况下,请记住另一点:

你只有一次机会给人留下良好的第一印象。快点吧。


在规划您的绩效目标时,请始终牢记受众的需求和期望。如果您可以保证与网站的所有后续互动都是闪电般的,有时您可以确定小延迟。

快如闪电的

让我们来看看一些不那么快的网页的例子,这样你就知道要避免什么。

(注意:这两个网站的测试环境是:Dulles,VA - Chrome - 模拟Motorola G(第4代) - 3GFast - Mobile。)

我在今日美国(USA Today)上使用WebPagetest.org进行了性能测试,这是一个新闻门户网站,有很多用户定期重访网站。

“今日美国”页面加载时间为25.1秒。那时我可以跑到报摊上回来!

我的第二个网站是Thumbtack.com,这是一个帮助用户找到不同领域的服务和专业人士的网站。让我们想象一下,我有一个大水漏,迫切需要找到我附近的水管工。

图钉页面加载时间为7秒 - 如果我站在六英寸深的水中,这可能是一生。

哪个页面更快?在我给你答案之前,让我们来看看谷歌捕获性能的概念。

性能分析与Google功能相比

谷歌反复声明他们希望返回快速加载的网页,并在搜索结果中满足用户的期望。我的第一个想法是:谷歌如何“看到”并衡量正常人类用户的表现?

网站性能是相对的,并非所有用户和设备的稳定值。我们不能说在2秒内加载的网页与Google一样具有相同的价值,因为这两者非常不同并且都有局限性。

我们应该记住Google对性能产生重大影响的限制:

在此处添加文本段落
Googlebot不像标准浏览器那样使用缓存控制标头。

对网站上的静态资源使用缓存控制标头允许将网页存储在浏览器的缓存中。如果未更改这些资源,则无需再次下载这些资源。因此,用户的浏览器不需要提出额外的请求。

Googlebot在抓取时不尊重缓存标头

我们知道这是准确的,因为John Mueller证实了这一点:

在大多数情况下,Googlebot会从美国抓取
如果您的服务器位于德国,Google将不会注意到您的服务器对德国用户的响应速度或速度。

用户在不同的Internet连接上使用不同的设备
Google可以模仿所有可能的设备和连接组合吗?我不这么认为。他们可能会尝试使用不同的设备检查网页,但无法检查网页在多个中央处理器(CPU)组合或屏幕大小上的加载方式。

Google会更新用户代理字符串,以便其渲染器能够理解使用较新技术的网页。以下是当前移动用户代理 (Googlebot)的外观:

在大多数情况下,Google会使用Android 6.0.1 Marshmallow作为操作系统访问Nexus 5X上的页面。

你的用户怎么样?您可以通过查看受众群体报告中的Google Analytics数据来查看您的网站所访问的设备类型。

Google使用作为Indexer一部分的Web呈现服务(WRS)呈现网站

问题是WRS基于Chrome 41,这是一个三年前的版本。

在技​​术年代,那是30年!因此,Google无法从您的用户可用的所有现代功能中受益。因此,如果您希望使用以下功能加快网站速度,与用户不同,Google在抓取您的网站时不会看到更改:

Service Worker是一种为标准应用程序添加许多强大功能的技术,例如后台数据同步,预取资源或以脱机模式工作。
HTTP / 2协议,允许捆绑和优先处理服务器的请求 - 谷歌使用HTTP / 1.1协议。
HTTP / 2服务器推送 - 允许预取资源以供将来使用。
如果您想查看Chrome 41支持的详细信息,请访问CanIuse.com并搜索特定功能。

Chrome用户体验报告

看看这些Googlebot限制,如果没有辨别网站是快还是慢的能力,评估性能似乎是不公平的。为了解决这个问题,Google将Chrome用户体验报告中的数据整合到了效果分析中。

Chrome用户体验报告(CrUX) 包含Chrome浏览器捕获的真实用户数据。包含性能指标的用户体验数据托管在Google BigQuery上,后者是一个企业数据仓库。汇总了这些指标,因此您无法确定哪些用户满意; 但是,您可以过滤数据以查看细分,例如具有2G连接的用户的计时。

您可以通过在页面级别检查来访问Page Speed Insights中的数据。您还可以使用查询来查看整个站点的聚合数据:origin:domain.com。

您可能看不到子页面的数据; 这意味着他们可能没有足够的关于此页面的数据。

您还可以使用Google BigQuery检索与您的域相关的数据,并以更精细的方式浏览它。以下是对BigQuery中可用的所有指标的评论。

CuRX是接近真实用户对网站性能的感知的第一步。尽管它包含的某些指标并不是页面加载性能的最佳表示,但它仍然是了解真实用户指标并将您的效果与竞争对手进行比较的最佳方法之一。

我将以400美元的价格购买USAT

现在是时候回答我之前提出的问题了:

哪个网站加载速度更快,USAToday.com(25秒)或Thumbtack.com(7秒)?

看看CRUX数据(在排名过程中),我们看到“今日美国”被认为是快速的:

这些示例表明性能不是一个稳定的值,并且秒数下降不足以满足用户。

适当的绩效衡量方法

您将在下面找到有关如何评估网站性能的一些提示。每个分析都需要特定的背景,因此您需要准备好了解没有一个答案可以满足所有可能的情况。

数据驱动分析

要做出数据驱动的决策,您需要收集网站的效果数据。您应该使用不同的方法来收集和分析数据:

  1. 抽查。检查网站不同部分的加载速度。此分析基于每页。分别检查类别,产品和主页的性能。您可能会看到显着的差异。像Lighthouse,GTMetrix或网页测试这样的热门工具提供了网站页面上每个问题的详细信息,为您提供了很多关于如何改进的想法。
  2. 正在进行监测。这将提供有关网站长期行为的信息,并提供网站指标随时间变化的信息,以便在出现问题时能够快速做出反应。一个很好的工具是Sitespeed.io。
始终牢记观众

您应尽可能多地收集有关用户的数据,并记住页面速度是相对的。

您可以测试您的网站的性能并获得令人满意的结果,但配备功能较弱的设备或浏览您的网站与慢速互联网连接的人将不会分享您的意见。请记住,地理位置,设备和连接都起着重要作用。

沉迷于竞争活动

不幸的是,性能可以为竞争对手带来优势。如果您的网页加载速度很慢,用户很可能会将您的网站留在类似网站上。您的目标应始终是比竞争对手更快地加载。

你可能会问,我应该多快多少?用户可以通过进行一些基准测试来确定数字。通过WebPageTest等工具运行三个竞争对手并查看结果。哪个网站最快,多少?例如:

确定一个百分比(在我们的示例中大约为25%)后,使用它来通过改善该数量来设定目标。

选择适当的指标

为了向用户提供最佳性能体验,您需要选择正确的指标来处理。

如果用户必须在几秒钟内查看空白页面,您可能会感到沮丧。有助于最小化“空白页面效果”的东西是优化关键渲染路径。这意味着您应该尽可能快地专注于提供“首页”(在网页的第一部分)呈现所需的所有资源。

应采取三项一般行动:

  • 限制用于初始视图渲染的资源数量。
  • 限制他们的大小。
  • 组织它们之间的依赖关系。

例如,确保页脚部分未在页面标题之前呈现

但是,不要盲目专注于提供流畅的渲染体验。虽然渲染过程是建立快速网站的第一步,但大多数网站管理员将大部分精力投入到用户互动中。

如果第一个折叠中的内容已交付但又需要25秒才能成为交互式,该怎么办?我怀疑你的访客会满意。

关闭

在移动世界中,页面速度在网页排名方面起着重要作用。作为SEO,我们需要采取更广泛的方法,并将我们的工作重点放在优化抓取过程和观察Googlebot超时上,同时为用户提供最佳的页面速度体验。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly