Elementor更新地址核心Web Vitals

流行的WordPress页面构建器插件元素宣布专注于提供更快的页面加载的更新。更新介绍了JavaScript和CSS文件如何传递的提高效率。元素版本3.2的这些变化向提高了核心网络Vitals分数

根据元素的公告:

“公司已经优化了其开发周期,并创建了一个针对特定性能区域的五轨计划,如优化资产加载,JavaScript / CSS库,优化的内部JavaScript和CSS,优化的后端和渲染过程,以及更多的修剪代码输出。

COMPORLOR的计划确保性能的所有方面都接受了显着的改进,前后。“

元素H还向发布商介绍了如何更有效地加载Google字体的方法:

“”新的Google字体加载功能个性化用户的加载体验,使它们能够修改元素如何加载Google字体。元素仪表板设置提供自动,交换,块,可选和回退。

对于移动设备上的实际用户。由已选择的Chrome上的用户收集测量,该用户选择提供作为Chrome用户体验(CRUX)报告所收集的信息。

下面

的广告传票读数是该数据,用于创建核心Web Vitals网站的分数又将成为排名在6月2021年6月的信号。在快速服务器上托管网站不会改善核心网络毒品分数,因为对核心Web Vitals分数负面影响的问题与网站如何编码有关。

从快速Web主机提供未优化的代码不会修复必须在移动设备上下载和呈现的未优化代码引起的瓶颈。

这就是为什么它对网站模板的制造商很重要Page Builders使其用户依赖于更高效的代码。

哪些元素宣布的是他们更新的努力,更有效地提供网络页面代码,以帮助发布者为其网站访问者提供更好的用户体验并帮助出版商排名更好。

为什么JavaScript和CSS可能是有问题的C

JavaScript和级联样式表(CSS)是分别为网页提供功能和视觉样式的文件。 JavaScript文件可以使联系表单工作,级联样式表会告诉浏览器要使用哪些颜色和字体(以及其他视觉风格相关数据)。

当一个人访问网页浏览器时Screenshot of Elementor Video读数下方将下载这些文件才能创建(渲染)网页。但是,每次遇到JavaScript或CSS文件时都会停止网页呈现。这就是为什么他们被称为渲染阻止文件。Screenshot of Elementor Video 虽然有编码策略延迟下载文件或并行下载它们(与其他文件同时下载),但这些文件仍然需要激活(因此说话)为了com完善网页的渲染。

理想的方法是最小化需要下载多少个文件。最好的方法是下载创建给定网页所需的绝对最小javascript和css。

例如,如果网页不包含联系人表单,则无需下载创建联系表单所需的文件。

这种更有效地下载JavaScript和CSS的方法称为有条件地加载。这意味着在需要时下载它们而不是不需要下载它们。

并且这是元素宣布的一部分。 Elementor现在更有效

Elementor更改的是仅在需要时下载许多JavaScript文件。这被称为装载f无条件地。 Elementor证实了我,他们计划在不久的将来开始有条件地加载CSS。

根据元素:

“”灯箱,屏幕,对话框和共享链接总是加载的条件……“

元素还宣布: ”“电子图标CSS文件也有已分为两个单独的库 – 前端和后端 – 在任何给定页面加载上保存最多50KB。“ 另一个改进是只影响编辑器的站点访问者的CSS不会自动加载。所有用户。这意味着如果站点访问者不是编辑器,他们的浏览器将下载更少的文件以使网页呈现,保存17千字节。 expreseor团队共享thi与我同在: “我们的研发团队和我们的SEO团队在过去的6个月里一直在这一项目工作,确保元素与即将到来的Web Vitals Google完全兼容算法改变。我们一直专注于减少DOM元素的数量,渲染过程优化,动态资产加载等等。 Elementor Core Web Vitals优化视频 除了代码变化中,元素拍摄了额外的步骤,为您提供帮助他们更好地了解提供的建筑工地的最佳实践更快的用户体验。 “”通过这个更新引导人们,我们经过一些优秀的教育材料,包括在您的网站上提高性能的新课程。这将看一下整个过程,因为表现是基于因素的组合,而不仅仅是您的网站建筑平台。 读数下面 Chield of Elementor Optimization Courses在YouTube在这里。 Complexor采取主动 这是鼓励看到越来越多的公司迈出了这些重要的更新。 Elementor的公告是插件的用户的令人兴奋的开发,并将压力从插件到主题制造商的WordPress生态系统中的压力,以跟上元素。引文 介绍文本路径和掩模层特征!