WebVitals是谷歌的一项举措，它帮助网站管理员改善其网站上的用户体验。这个UX的重要性不能忽视。良好的用户体验是在Google上获得高排名的关键。从2021年5月起，谷歌将推出一项名为“页面体验”的新更新，该更新将推广提供特殊用户体验的网站。
核心Web Vitals是页面体验更新的重要部分。因此，优化CoreWebVitals对于保持您的有机竞争对手的优势至关重要。
什么是核心网络Vitals？
核心Web Vitals是一组度量速度、响应性和视觉稳定性的指标。构成核心Web Vitals的顶级指标是：
- 最大含量涂料(LCP)：它测量网站的加载速度。为了提供良好的用户体验，LCP应该在2.5秒以下。
- 第一输入延迟(FID)：它衡量网站保持互动所需的时间。FID应小于100毫秒。
- 累积布局移位(CLS)：它测量视觉稳定性。为了提供特殊的用户体验，CLS应该是0.1。
如何优化核心Web Vitals
以下是对核心Web Vitals进行优化的最佳策略：
使用CDN
使用CDN来加速你的网站。CDN是一个由代理服务器组成的网络，它提供互联网内容的快速传递。此外，您还可以使用图像CDN来控制用户之前如何处理图像。
升级服务器
升级您的服务器，以提高最重要的内容油漆得分。移动到一个更好的托管计划，提供更高的带宽。一个缓慢的服务器，如共享托管计划，往往托管几个网站，因此，减慢您的网站。当您移动到专用主机计划时，您将获得更多的服务器空间和更高的带宽，从而加快网站的速度。像Godad这样的供应商提供强大的正常运行时间和速度。
包含适当的高度和宽度属性
对站点上的所有图像使用相同的高宽比。下面是一个示例代码：
<img src=”joker.jpg” width=”280″ height=”350″ alt=”a joker with a ball”>
指定图像的高度和宽度将确保浏览器为图像预留空间，以避免任何CLS问题。
优化CSS交付
消除渲染阻塞CSS并缩小JavaScript。确保首先加载页面的主要内容，而不是先加载不必要的脚本。您可以推迟加载不需要的脚本，使您的站点加载更快。
使用WebP图像格式
WebP格式是比传统图像格式(如JPEG、GIF和PNG)加载速度更快的最新图像格式。几个插件允许将站点中的所有图像转换为WebP格式。谷歌还建议将你所有的图片转换成这种更快的格式。
预加载字体
加载网站字体需要时间，在加载字体之前不会加载任何内容。预加载字体时，它会加快页面的加载速度，并防止不带样式的文本闪烁。此外，您应该只加载您需要的字体，而不是下载所有字符集。
用于核心Web Vitals优化的顶级工具
您应该使用几个工具来识别网站上的核心Web Vitals问题。下面是其中一些最棒的：
1. 谷歌搜索控制台
登录到网站管理员仪表板并单击增强菜单下的CoreWebVitals选项。现在，点击‘打开报告’，你会发现所有的问题，影响您的网站。单击错误，您将发现有此问题的示例URL列表。复制URL，以便使用“页面速度洞察”工具进行进一步分析。
2. 查询监视器插件
使用查询监视器WordPress插件调试所有工具。您可以轻松地调试数据库查询，检测PHP错误，并在排队的脚本和样式表中查找问题。
3. Finteza灯塔报告
Finteza是一种先进的网站管理员分析工具，它提供了一个灯塔报告来识别域上的核心Web Vitals问题以及修复错误的建议。该工具是初学者友好的，您可以得到改进SEO、可访问性和域性能的建议。该工具测量页面性能的六个最基本的度量标准中的每一个，例如第一次内容绘制、第一次有意义的绘制、速度索引、第一次CPU空闲、时间到交互以及估计的输入延迟。
4. 谷歌页面速度洞察
它分析网页的内容，并提出建议，以使其加载更快。该工具让您知道您的页面是否通过了CoreWebVitals测试。它检查LCP、FCP、FID和CLS分数。
5. Smush
它是一个图像优化和延迟加载插件。该工具在不影响图像质量的情况下压缩图像，并可在一次单击中压缩多达50幅图像。此外，您可以快速确定的设置，使您的网站缓慢。
最后思想
核心WebVitals优化是搜索引擎优化的重要组成部分，是每个网站管理员都应该关注的问题。按照本文中讨论的步骤，确保您的网站为用户提供最佳体验。此外，将来将有更多的度量标准添加到核心Web Vitals中，因此您需要确保您的站点通过了测试。
