什么是核心网络生命力?
核心网络生命力由三个特定的页面速度和用户交互作用组成:最大的绘画内容,首先输入和累积版本式移位。
简而言之,核心网络生命是因素的一部分,将成为Google“页面体验”层叠的一部分(基本上,是Google评估页面整体用户体验的方式)。
您可以在Google Search Console帐户的“增强功能”部分中找到网站的Core Web Vitals数据。
为什么核心网络至关重要?
Google计划使页面体验成为Google的官方排名因素。
页面体验将是Google认为对用户体验重要的因素的杂乱无章,其中包括:
- HTTPS
- 移动友好
- 缺乏插页式弹出窗口
- “安全浏览”(基本上,您的网页上没有恶意软件)
核心网络生命将是该分数的一个非常重要的部分。
实际上,从公告和名称本身来看,可以说核心网络要素将构成页面体验精彩的最大部分。
重要的是要指出,出色的页面体验会不会神奇地将您推向Google的第一名。实际上,Google快速指出页面体验是他们用来对搜索网站进行排名的几个(大约200个)因素之一。
就是说,没有必要惊慌失措。Google表示,您必须在明年之前提高网站的Core Web Vital分数。
但是,如果您想在此之前提高您的“核心网络生命力”分数,那就太好了。
因为在本指南中,我将分解所有三个Core Web Vital。并向您展示如何改进它们中的每一个。
最大含量的涂料(LCP)
LCP是从实际用户的角度来看页面加载所需的时间。
换句话说:这是从单击链接到在屏幕上看到大部分内容的时间。
LCP与其他页面速度测量有所不同。许多其他页面速度指标(例如TTFB和First Contextual Paint)不一定代表用户打开网页的感觉。
另一方面,LCP专注于页面速度真正重要的方面:能够查看页面并与页面交互。
您可以使用Google PageSpeed Insights检查您的LCP分数。
这是有帮助的。特别是在发现需要改进的地方时。通过诸如webpagetest.org之类的工具使用Google Pagespeed Insights的好处还在于,您可以查看网页在现实世界中的效果(基于Chrome浏览器数据)。
也就是说,我建议您在GSC中查看您的LCP数据。
为什么?
嗯,就像Google PageSpeed Insights一样,Search Console中的数据来自Chrome用户体验报告。
但是与PageSpeed Insights不同,您可以在整个网站上看到LCP数据。因此,您无需一一分析随机页面,而是获得一个好,坏……或介于两者之间的URL列表。
说到Google,有专门的LCP指南。他们将LCP速度分为三个类别:良好,需要改进和较差。
简而言之,您希望网站上的每个页面都能在2.5秒内达到LCP。
对于大型网页,这可能是一个真正的挑战。或具有很多功能的页面。
这就是为什么该页面上的LCP为5.1秒(被视为“较差”)的原因。
那不是借口。但是它表明,改进LCP并不像安装CDN那样简单。在这种情况下,我们可能必须从页面上实际删除一些图像。并清理页面的代码。
努力吗 当然。值得?确实。
这样,您可以采取以下措施来改善网站的LCP:
- 删除所有不必要的第三方脚本: 我们最近的pagespeed研究发现,每个第三方脚本都会使页面运行速度降低34 ms。
- 升级您的Web主机:更好的托管=总体上更快的加载时间(包括LCP)。
- 设置延迟加载:延迟加载使它能够仅在有人向下滚动您的页面时才加载图像。这意味着您可以更快地实现LCP。
- 删除大页面元素: Google PageSpeed Insights会告诉您页面是否包含正在减慢页面LCP的元素。
- 缩小CSS:庞大的CSS会大大延迟LCP时间。
首次输入延迟(FID)
接下来,让我们看一下Google的第二个Core Web Vital:First Input Delay。
因此,此时,您的页面已达到FCP。但是问题是:用户可以与您的页面互动吗?
好吧,这正是FID所衡量的:用户与您的页面进行实际交互所花费的时间。
交互的示例包括:
- 从菜单中选择一个选项
- 单击网站导航中的链接
- 在字段中输入您的电子邮件
- 在移动设备上打开“手风琴文本”
Google认为FID很重要,因为它考虑了现实生活中的用户与网站的互动方式。
和FCP一样,它们对于构成可接受的FID都有特定的标准。
是的,FID从技术上衡量页面上发生某事所需的时间。因此,从某种意义上讲,它是页面速度得分。但这不仅仅一步之遥,而且还衡量了用户在页面上实际执行操作所需的时间。
对于100%内容的页面(例如博客文章或新闻文章),FID可能不是什么大问题。唯一真正的“互动”是向下滚动页面。或捏以放大和缩小。
实际上,我的Search Console甚至没有报告我的网站的FID。
我想这是因为我实际上没有任何登录页面。或其他某些人需要立即输入内容的页面。
但是对于登录页面,注册页面或用户需要快速单击某些内容的其他页面,FID很大。
例如,考虑一下这样的页面的加载体验:
使用这样的登录页面,加载内容所花费的时间并不那么重要。重要的是您可以多快开始输入您的登录详细信息。
这样,您可以采取以下措施来提高网站的FID得分。
- 最小化(或推迟)JavaScript:浏览器加载JS时,用户几乎不可能与页面进行交互。因此,最小化或推迟页面上的JS是FID的关键。
- 删除所有非关键的第三方脚本:就像使用FCP一样,第三方脚本(例如Google Analytics(分析),热图等)可能会对FID产生负面影响。
- 使用浏览器缓存:这有助于更快地在页面上加载内容。这可以帮助您的用户的浏览器更快地完成JS加载任务。
累积版式移位(CLS)
累积版式移位(CLS)是页面加载时的稳定性(又称“视觉稳定性”)。
换句话说:如果页面上的元素随页面加载而移动,那么您的CLS就很高。不好
相反,您希望页面元素在加载时相当稳定。这样,当页面完全加载时,用户不必重新学习链接,图像和字段的位置。或误点击某物。
以下是Google针对CLS制定的具体标准:
如您所见,这是我需要努力的事情。特别是在手机上。
您可以执行以下一些简单的操作来最大程度地减少CLS。
- 对任何媒体(视频,图像,GIF,信息图表等)使用设置大小的属性尺寸:这样,用户的浏览器就会知道该元素将在该页面上占用大量空间。并且不会在页面完全加载时即时更改它。
- 确保广告元素具有保留的空间:否则,它们可能突然出现在页面上,从而将内容向下,向上或向侧面推。
- 在首屏下方添加新的UI元素:这样,它们不会将用户“期望”的内容压低以保持原样。