新的谷歌标准：核心网络生命力
已发表: 2020-12-012021 年 5 月更新
在 SEO 营销中，公司、博客、网站和在线平台每天都在竞争。 谷歌列表的顶部是他们想要的位置。
在 Google 上无数的列表中，90% 的列表网站从未登上首页。 10% 是付费广告、知识图谱和大约 10 个自然列表。 他们之间的交通是不平衡的。 不到 3% 的网络用户在后续页面上获得结果。
到目前为止，主要影响 SEO 营销机制的是标题、内容、标题标签、关键字、图像描述、内部链接、反向链接等。专注于质量控制，庞大的引擎，谷歌将考虑一个新的必需的。
Core Web Vitals 将成为美国技术 SEO 机构的决定性组成部分。 它也可以预期并且很容易重新定义搜索结果。 虽然传统的 SEO 营销本质上包含相关性、距离和突出性，但 Core Web Vitals 将巩固价值。
目录
- 什么是核心网络生命力？
- Core Web Vitals 的三个要素
- 最大的内容涂料
- 首次输入延迟
- 累积版面偏移
- 核心网络重要指标
- 核心网络生命体征分析工具
- 为什么 Core Web Vitals 优化很重要
- 结论
什么是核心网络生命力？
Core Web Vitals 是一组单独的指标，用于确定网站上的用户体验 (UX)。 后者包含三种不同的页面速度和客户端节点交互测量。 这些因素的累积将体现在评分系统中，该评分系统确定页面作为列表接收的优先级。
Core Web Vitals 的三个要素
最大的内容涂料
Largest Contentful Paint (LCP) 是 Google 为确保用户满意度而创建的衡量标准。 这个参数更多地关注性能而不是表现。 如果页面加载时间过长并且网络冲浪者离开，这被认为是不令人满意的。
网页的加载时间和图像标签和视频缩略图等 Google 体验因素决定了 LCP 评级。 带有 CSS 和文本元素（如段落、标题和列表）的背景图像也会被监控是否流畅。
LCP不良的原因
缓慢的服务器响应时间
网站的渲染速度取决于服务器的反应时间。 服务器越慢，在设备屏幕上显示任何内容所需的时间就越长。
这里的主要解决方案是优化您的服务器。 缓存资产和服务 HTML 缓存优先加速服务流程。 此外，建议将用户路由到附近的 CDN。 通过尽早建立第三方连接，延迟变得最小，这对于移动响应网站很重要。
CSS 和 JavaScript 渲染阻塞。
浏览器通过将 HTML 标记解析为 DOM 树来传递内容。 如果解析器遇到任何外部样式表，它就会暂停。 脚本和外部样式表延迟了阻塞资源、FCP 和最终 LCP 的分发。
CSS 和 Java 是健壮的，并且可以通过尊重、最小化和缩小来减轻“很多重量”。 可用于 Java 压缩的软件包括 UglifyJS2、Closure Compiler 和 YUI Compressor。 CSSnano、UNCSS 和 CSSO 都是能够压缩 CSS 的机制。 随着这些工具的部署，加载优化的时间将得到改善。
资源加载时间差
虽然 CSS 和 JavaScript 活动的增加会产生不好的结果，但其他组件也同样存在问题。 对 LCP 产生负面影响的元素是 <image>、<img> 和 <video> 以及包含文本节点的块级组件。
图像和文本文件的优化和压缩将在这里有所帮助。 通过预加载必要的资源和缓存资产，同时使用不同的服务工作者，所需的时间减少了。
用户端渲染
在客户端完成大部分渲染的网站失去了相当多的控制权。 这个选项的缺点在使用大型 JavaScript 包时变得很明显。 在大多数情况下，内容在 JavaScript 完成渲染之前不会显示； 它将危及 LCP 评级。
JavaScript 最小化至关重要，服务器端渲染优于用户端。 另一种解决方案是预渲染，这将有助于优化加载时间。
首次输入延迟
首次输入延迟 (FID) 测量从初始用户交互到浏览器响应的时间。 这是客户是否会离开网站的关键因素。 当浏览器的主线程繁忙时，通常会发生延迟。
本地应用程序加载的 JavaScript 文件通常是 FID 问题的罪魁祸首。 发生的情况是浏览器尝试解析和执行，但出现延迟，导致终端设备无响应。 低 FID 评级可能会确定相关站点或页面无法使用。
FID 不良的原因
JavaScript
通常，当主线程忙时，浏览器无法响应交互。 繁重的 JavaScript 执行加剧了这个问题，导致加载速度延迟。
通过分解长任务，您可以减轻积压。 此外，限制 JavaScript 运行时应该会提高响应能力。 使用网络工作者也很有帮助。 这些都是优化网站指标以进行交互的所有方法。
累积版面偏移
Cumulative Layout Shift (CLS) 指标衡量网页设计的稳定性。 它的作用是确保客户交互尽可能自然地进行。 网络冲浪者在查看网站内容时经常会遇到中断或跳跃。 因此，它会导致注意力不集中并造成糟糕的体验。
不便是设计薄弱的结果。 这些效果在移动响应式网站和桌面浏览器上占主导地位。
缺乏正确的设计元素会导致视觉不稳定。 后者往往会迫使布局突然发生变化，很多时候会导致用户无意中点击不想要的内容。 典型的例子是带有弹出广告的网站。
新设计，即使结构正确，也可能会减慢网页速度。 Google 算法通过在开始计算过程之前允许 500 毫秒的遗漏来进行补偿。
CLS 的常见原因
没有尺寸的图像
排除视频和图像的宽度和高度大小属性将导致排名较低。 许多人不为媒体保留空间，这导致跳跃和转变。
这里的解决方案很简单； 总是包括宽度和高度。 另一个选项是 CSS 纵横比框。 它们对于在网站上预订空间很方便。 它在托管广告的网站上特别有用。
没有尺寸的广告、嵌入和 iframe
广告是这个问题的主要贡献者。 广告网络选择动态大小而不是静态变体，这会增加网站的流量。 不幸的是，这是以牺牲桌面或移动体验为代价的。
某些小部件允许将视频、地图和社交媒体内容等项目嵌入网页中。 这里的问题是该站点通常不知道嵌入的确切大小或组成。 由于不保留空间，一旦页面加载，不稳定就会变得明显。
预先计算站点嵌入或后备所需的空间需求可以避免 CLS 的危险。 浏览器开发工具可以方便地获取结果的高度和宽度。 建立这一点后，iframe 将在每次页面加载时自动适应预留空间。
动态注入的内容
在旧媒体上新插入的项目也是造成布局变化的原因。 这些典型的例子是号召性用语横幅。 它们不仅会阻碍互动，而且会激怒而不是说服。
再次，预留空间。 此外，网站设计人员可以添加 UI 框架。 后者是一个占位符，可防止在图像加载时迁移文本。
导致 FOIT/FOUT 的 Web 字体
下载和呈现 Web 字体有助于 Flash of Unstyled Text (FOUT)。 在这种情况下，一种新的样式取代了后备打印。
另一个后果是不可见文本闪烁 (FOIT)，它会隐藏字体，直到有新的案例可用。
字体加载 API 减少了获取必要的字体样式所需的时间，从而最大限度地减少或消除了 FOUT 和 FOIT 的出现。
核心网络重要指标
如前所述，三个 Core Web Vital 元素具有单独的测量值。 每一项都根据不同的时间标准进行评分。
- 良好的 LCP 等级小于 2.5 秒。 谷歌会对4s以下的任何东西给予宽大处理，但这仍然意味着还有改进的空间。
- FID 的测量单位是毫秒，如果用户输入和网页反应之间的时间低于 100，这是理想的。 300ms 的度量标准是可以接受的，但它暗示了即将出现的问题。 任何超过 300 毫秒的时间都会导致网页列表降级。
- CLS 的理想读数为零。 Google 算法将接受 0.1，但由于最大可接受性为 0.25，因此它为灵活性创造的余地太小。 网站管理员不妨力求完美。
核心网络生命体征分析工具
- Web Vitals For Chrome 就像任何其他扩展程序一样，由于隐私问题，有些人可能不喜欢这个选项。
- 页面速度洞察是一个简单的界面，允许您在桌面和移动选项之间切换。 无论您使用何种分析软件，PC 和智能设备的结果都会有所不同。 上述生成了 28 天内真实 Google 用户的现场数据。
- Chrome 开发工具和 Lighthouse 的设计允许他们监控 LCP 和 CLS。 不幸的是，相同的软件无法测量 FID，但为此，有 TBT。
随着 Core Web Vitals 的激增，更多的监控工具必然会出现。
为什么 Core Web Vitals 优化很重要
Google 核心更新计划于 2021 年 5 月进行。这意味着从那时起，通常的 SEO 信号将不足以维持在 Google 上的高排名。
这是一个倡导质量用户体验的标准的实现。 符合新标准的网站不会受到影响。 未调整的网页肯定会感受到效果，尽管它们的 SEO 效果如何。 Core Web Vitals 较弱的列表将排名下降，为合规的实体腾出空间。
结论
通过在 SEO 营销中制定新规则，Google 为改进铺平了道路。 Core Web Vital 标准是第一个，而且肯定会有更多标准遵循。 这些措施为互联网新时代与其他完美的新兴技术融合创造了一个平台。 此外，您可以使用这些提示来提高您的网站加载速度。