核心页面指标是什么？
核心页面指标指标是一组三个指标，用于衡量网页的速度、交互性和视觉稳定性。
它们是 谷歌“网页体验”排名信号的一部分原因。
因此，改进它们可以帮助你的网站在搜索结果中排名更高并提供更好的客户体验。
三个核心互联网要点是：
1.最大内容绘制 (LCP)：这衡量了页面上最大内容元素的加载时间。为了提供好的客户体验，你的 LCP 应少于 2.5 秒。
2.交互到下一次绘制 (INP)：这衡量你的网站对用户交互的响应速度。你的 INP 应为 200 毫秒或更短，以获得迅速且响应飞速的体验。
3.累计布局偏移 (CLS)：这衡量了页面加载时布局意料之外偏移的程度。为了获得好的客户体验，CLS 应小于 0.1。
为何核心互联网生命力这样要紧？
你的网站在核心网页指标中的表现会干扰你的客户体验和排名潜力。由于你的网站应该为用户提供迅速、流畅和愉快的体验。
Google旨在奖励为用户提供这种出色体验的内容。
谷歌 的网页体验排名系统由一系列 谷歌 觉得对客户体验非常重要的信号组成，其中包含：
·HTTPS
·移动友好性
·缺少插页式弹出窗口
·“安全浏览”
而核心互联网生命力是其中至关要紧的一部分。
需要指出的是，出色的页面体验不会神奇地将你推到 谷歌 的第一位。事实上，在一篇讨论将核心互联网指标与其他现有信号相结合的帖子中，谷歌 非常快指出，页面体验并非唯一要紧的事情。请记住，他们用数百个排名原因来对网站进行关键词排名。
你可以采取以下手段来改变网站的 LCP：
·删除所有非必须的第三方脚本：大家的页面速度研究发现，每一个第三方脚本都会使页面速度减慢 34 毫秒
·升级你的互联网主机：更好的推广托管可以缩短整体加载时间
·防止延迟加载首屏图片：延迟加载可以优化图片的加载方法，但在首屏实行此操作事实上会增加 LCP 时间
·删除较大的页面元素：考虑删除首屏上方较大的、非必须的图像和其他功能，以加快 LCP 的速度
·缩小 CSS：庞大的 CSS或许会显著延迟 LCP 时间
交互到下一次绘制 (INP)
下面大家来看看Google的第二个核心互联网生命力：从交互到下一步绘制。
INP 测量页面加载完成后，浏览器响应用户与页面的下一次交互所需的时间。
该指标像 INP 于 2024 年取代的初次输入延迟 (FID)。但它侧重于页面初次加载后的响应能力。使其成为知道页面整体响应能力的更靠谱办法。
交互的示例包含：
·从菜单中选择一个选项
·点击按钮将邮件提交到表单中
·打开移动导航菜单
与 LCP 一样，谷歌 对可同意的 INP 时间也有具体的规范。
理想状况下，INP 时间为 200 毫秒或更短。超越此时间则需要改进，超越 500 毫秒则为较差。
对于 100% 内容的页面，INP 可能不是什么大问题。唯一真的的“交互”是向下滚动页面。或者捏合以放大和缩小。但这类都不计入 INP 测量目的。
当然，你的菜单仍然需要响应。假如你在其中有任何注册按钮，你需要确保它们也能迅速响应。
但对于登录页面、注册页面或其他用户需要迅速点击的页面，INP 尤为重要。
比如，考虑考虑如此的页面的加载体验：
对于如此的登录页面，加载内容所需的时间并非那样要紧。
要紧的是你能多快开始输入你的登录信息。然后是“登录”按钮能多快起用途。
考虑到所有这类，你可以采取以下手段来提升网站的 INP 分数：
·最小化Javascript：浏览器加载 JS 时，用户几乎不可能与页面交互。因此，最小化或延迟页面上的 JS 是 INP 的重点。
·删除所有无关紧要的第三方脚本：与 LCP 一样，第三方脚本会对 INP 产生负面影响。假如你的 INP 时间过长，请考虑删除所有无关紧要的脚本。
·推迟代码实行：你可以将浏览器需要实行的长任务分解为较小的块。你可能需要开发职员的帮忙。
累积布局偏移 (CLS)
累积布局偏移 (CLS) 衡量页面加载时的稳定性。
换句话说：假如页面上的元素在页面加载时移动，那样你的 CLS 分数或许会非常高。这非常糟糕。
相反，你期望页面元素在页面加载时相当稳定。
为何？
假设有一位用户进入你的商店页面。他们看到一个按钮，好了解有关特定商品的更多信息。当他们点击该按钮时，屏幕顶部会出现一个横幅，将所有内容向下移动。因此，他们不小心点击了“立即购买”按钮。
这是一个糟糕的客户体验。
以下是 谷歌 针对 CLS 拟定的具体标准：
你期望 CLS 分数低于 0.1。0.1 至 0.25 之间的分数需要改进，高于此分数的分数则被视为较差。
正如你所见，这是我需要改进的地方。尤其是在手机上。
以下是你可以采取的一些简单手段来尽可能降低 CLS。
·对任何媒体用设置的尺寸属性尺寸：如此，用户的浏览器就能准确了解该元素在页面上占用多少空间。并且不会在页面完全加载后动态更改它。
·确保广告元素有预留空间：不然它们或许会忽然出目前页面上。将内容向下、向上或向侧面推。
·防止在首屏上方动态添加新内容：比如，在页面顶部插入横幅会致使加载时所有内容向下移动。相反，请考虑在首屏下方添加类似元素。
