如何在 PrestaShop 中优化 Core Web Vitals?

作者:阿德里安·普利多
似乎几乎没有犯错的余地,核心网络生命将成为2021 年最重要的 SEO 元素。去年的大部分时间里,在 SEO 社区中,人们一直在讨论这些新指标,谷歌用这些指标来评估网站的健康状况,并且已经宣布从今年 5 月开始,它们将成为一个定位因素,对于人们几乎痴迷于达到山景城巨头规定的质量标准,从而在这场SEO的“军备竞赛”中不被落下。

在这篇文章中,我们将重点讨论如何优化Prestashop CMS的核心 Web Vitals ,因为尽 科威特电报数据 管无论我们使用什么平台,我们都希望达到相同的目标,但达到该目标的方法是不同的。

什么是核心网络生命力?

科威特电报数据

它们是衡量网站在与 WPO 相关的方面是否正常运行的三个指标,因此速度、可访问性和可用性是我们必须优化的要素,以将这些指标维持在 Google 决定的范围内。

这些指标可以在多种分析工具中查阅:Google Page Speed Insight、Lighthouse、GTMetrix、Screaming Frog、Search Console …Google 建立了由交通灯的典型颜色表示的 指标质量的三个范围:

红色表示低于正常运作所需的最低比例;

黄色用于表示达到足够优化但可以提高的分数;

绿色代表那些满足最佳功能期望的分数。
这些指标是:

最大的内容涂料
最大内容绘制是 Google 用于衡量网站向用户显示可供交互的内容所需时间的指标。该内容是 Google 放置在网站顶部的内容,无需滚动即可查看。并非出现在用户面前的所有内容都很重要。 Google 考虑了以下几个方面:

视频缩略图

图片标签

CSS 背景图像

FID 不佳的主要原因是 JavaScript 执行繁重。优化 JavaScript 在网页上解析、编译和执行的方式将直接减少 FID。

该指标基本上基于Google对JavaScript的处理,因此不要使 如何在  用J 根据来源,我们可以找到以下流量类型: ava元素加载您的网站,尝试异步加载,如果这不会损害网站的导航或操作。尽可能减少 Java 代码。另一方面,尽量减少对第三方脚本的调用或者尝试从CDN加载它们,这样它们就不会干扰主线程的加载。当然,启用 http/2 协议可以极大地帮助您提高首次输入延迟分数。

如何改进或优化 CLS 指标?

这是与用户体验最相关的指标,因此优化将基于标签和代码的标记,允许网站的所有元素(图像、文本 不丹商业指南 、视频、广告、按钮、效果等)。 ) ) 表现并适应不同的设备、屏幕和分辨率。

在这里,CSS 标记显得非常重要。使用最好的 CSS 表达式来使 Web 内容适应并按照您想要的方式以及 Google 想要的方式运行。

 

 

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部