核心网络生命

2021-04-14

什么是核心网络生命力?

核心网络生命力是Google认为对网页的整体用户体验至关重要的一系列特定因素。核心Web Vital由三个特定的页面速度和用户交互度量组成:最大的绘画内容,第一次输入延迟和累积版式移位。

简而言之,Core Web Vitals是因素的一部分,将成为Google“页面体验”得分的一部分(基本上,是Google评估页面整体用户体验的方式)。

核心网络生命力是Google对“页面体验”的总体评估的一部分

您可以在Google Search Console帐户的“增强功能”部分中找到网站的Core Web Vitals数据。

Google Search Console –核心网络要素

为什么核心网络至关重要?

Google计划使页面体验成为Google的官方排名因素

Google将核心网络生命力作为新信号

页面体验将是Google认为对用户体验重要的因素的杂乱无章,其中包括:

  • HTTPS
  • 移动友好
  • 缺乏插页式弹出窗口
  • “安全浏览”(基本上,您的网页上没有恶意软件)

核心网络生命将是该分数的一个非常重要的部分。

实际上,从公告和名称本身来看,可以说核心Web要素将构成页面体验得分的最大部分。

重要的是要指出,出色的页面体验得分不会神奇地将您推向Google的第一名。实际上,Google很快指出页面体验是他们用来对搜索网站进行排名的几个(大约200个)因素之一。

Google网页浏览体验是排名因素

就是说,没有必要惊慌失措。Google表示,您必须在明年之前提高网站的Core Web Vital分数。

谷歌明年排名变化

但是,如果您想在此之前提高您的“核心网络生命力”分数,那就太好了。

因为在本指南中,我将分解所有三个Core Web Vital。并向您展示如何改进它们中的每一个。

最大含量的涂料(LCP)

LCP是从实际用户的角度来看页面加载所需的时间。

换句话说:这是从单击链接到在屏幕上看到大部分内容的时间。

LCP与其他页面速度测量有所不同。许多其他页面速度指标(例如TTFB和First Contextual Paint)不一定代表用户打开网页的感觉。

另一方面,LCP专注于页面速度真正重要的方面:能够查看页面并与页面交互。

您可以使用Google PageSpeed Insights检查您的LCP分数。

爆炸性话题– LCP分数

这是有帮助的。特别是在发现需要改进的地方时。通过诸如webpagetest.org之类的工具使用Google Pagespeed Insights的好处还在于,您可以查看网页在现实世界中的效果(基于Chrome浏览器数据)。

Google – Pagespeed见解–现场数据

也就是说,我建议您在GSC中查看您的LCP数据。

Google Search Console中的LCP数据

为什么?

嗯,就像Google PageSpeed Insights一样,Search Console中的数据来自Chrome用户体验报告。

但是与PageSpeed Insights不同,您可以在整个网站上看到LCP数据。因此,您无需一一分析随机页面,而是获得一个好,坏……或介于两者之间的URL列表。

说到Google,有专门的LCP指南。他们将LCP速度分为三个类别:良好,需要改进和较差。

Google内容丰富的最大涂料指南

简而言之,您希望网站上的每个页面都能在2.5秒内达到LCP。

对于大型网页,这可能是一个真正的挑战。或具有很多功能的页面。

这就是为什么该页面上的LCP为5.1秒(被视为“较差”)的原因。

那不是借口。但是它表明,改进LCP并不像安装CDN那样简单。在这种情况下,我们可能必须从页面上实际删除一些图像。并清理页面的代码。

努力吗 当然。值得?确实。

这样,您可以采取以下措施来改善网站的LCP:

  • 删除所有不必要的第三方脚本: 我们最近的pagespeed研究发现,每个第三方脚本都会使页面运行速度降低34 ms
  • 升级您的Web主机:更好的托管=总体上更快的加载时间(包括LCP)。
  • 设置延迟加载:延迟加载使它能够仅在有人向下滚动您的页面时才加载图像。这意味着您可以更快地实现LCP。
  • 删除大页面元素: Google PageSpeed Insights会告诉您页面是否包含正在减慢页面LCP的元素。

Google – Pagespeed见解–内容最多的绘画元素

首次输入延迟(FID)

接下来,让我们看一下Google的第二个Core Web Vital:First Input Delay。

因此,此时,您的页面已达到FCP。但是问题是:用户可以与您的页面互动吗?

好吧,这正是FID所衡量的:用户与您的页面进行实际交互所花费的时间。

交互的示例包括:

  • 从菜单中选择一个选项
  • 单击网站导航中的链接
  • 在字段中输入您的电子邮件
  • 在移动设备上打开“手风琴文本”

Google认为FID很重要,因为它考虑了现实生活中的用户与网站的互动方式

和FCP一样,它们对于构成可接受的FID都有特定的标准。

Google的第一个输入延迟准则

是的,FID从技术上衡量页面上发生某事所需的时间。因此,从某种意义上讲,它是页面速度得分。但这不仅仅一步之遥,而且还衡量了用户在页面上实际执行操作所需的时间。

对于100%内容的页面(例如博客文章或新闻文章),FID可能不是什么大问题。唯一真正的“互动”是向下滚动页面。或捏以放大和缩小。

实际上,我的Search Console甚至没有报告我的网站的FID。

Backlinko – GSC –核心网络生命

我想这是因为我实际上没有任何登录页面。或其他某些人需要立即输入内容的页面。

但是对于登录页面,注册页面或用户需要快速单击某些内容的其他页面,FID很大。

例如,考虑一下这样的页面的加载体验:

Reddit登录屏幕

使用这样的登录页面,加载内容所花费的时间并不那么重要。重要的是您可以多快开始输入您的登录详细信息。

这样,您可以采取以下措施来提高网站的FID得分。

  • 最小化(或推迟)JavaScript:浏览器加载JS时,用户几乎不可能与页面进行交互。因此,最小化或推迟页面上的JS是FID的关键。
  • 删除所有非关键的第三方脚本:就像使用FCP一样,第三方脚本(例如Google Analytics(分析),热图等)可能会对FID产生负面影响。
  • 使用浏览器缓存:这有助于更快地在页面上加载内容。这可以帮助您的用户的浏览器更快地完成JS加载任务。

累积版式移位(CLS)

累积版式移位(CLS)是页面加载时的稳定性(又称“视觉稳定性”)。

换句话说:如果页面上的元素随页面加载而移动,那么您的CLS就很高。不好

累积版式移位示例

相反,您希望页面元素在加载时相当稳定。这样,当页面完全加载时,用户不必重新学习链接,图像和字段的位置。或误点击某物。

以下是Google针对CLS制定的具体标准:

Google的累积版式更改指南

如您所见,这是我需要努力的事情。特别是在手机上。

爆炸性话题–核心网络要素

您可以执行以下一些简单的操作来最大程度地减少CLS。

  • 对任何媒体(视频,图像,GIF,信息图表等)使用设置大小的属性尺寸:这样,用户的浏览器就会确切知道该元素将在该页面上占用多少空间。并且不会在页面完全加载时即时更改它。
  • 确保广告元素具有保留的空间:否则,它们可能突然出现在页面上,从而将内容向下,向上或向侧面推。
  • 在首屏下方添加新的UI元素:这样,它们不会将用户“期望”的内容压低以保持原样。

--- END ---


( ! ) Warning: realpath(): open_basedir restriction in effect. File(/www/server/panel/tmp) is not within the allowed path(s): (/www/wwwroot/www.hqtweb.com/:/tmp/) in /www/wwwroot/www.hqtweb.com/wp-includes/functions.php on line 2124
Call Stack
#TimeMemoryFunctionLocation
10.927936960440shutdown_action_hook( ).../load.php:0
20.927936960440do_action( $hook_name = 'shutdown' ).../load.php:1260
30.928036960816WP_Hook->do_action( $args = [0 => ''] ).../plugin.php:517
40.928036960816WP_Hook->apply_filters( $value = '', $args = [0 => ''] ).../class-wp-hook.php:348
50.928736884560wpcf7_cleanup_captcha_files( ).../class-wp-hook.php:322
60.928736884560wpcf7_init_captcha( ).../really-simple-captcha.php:555
70.928736884848ReallySimpleCaptcha->__construct( ).../really-simple-captcha.php:396
80.928736885864path_join( $base = '/www/wwwroot/www.hqtweb.com/wp-content/plugins/really-simple-captcha', $path = 'tmp' ).../really-simple-captcha.php:46
90.928736885864path_is_absolute( $path = 'tmp' ).../functions.php:2154
100.928736885864realpath( $path = 'tmp' ).../functions.php:2124