According to the Elementor’s announcement:
Elementor’s plan ensures that all aspects of performance receive significant improvements, front and back.”
Elementor has also introduced a way for publishers to indicate how to load Google Fonts more efficiently:
“A new Google font loading feature personalizes users’ loading experience, enabling them to modify how Elementor loads Google Fonts. Elementor dashboard settings offer auto, swap, block, optional, and fallback.”
Core Web Vitals
Core Web Vitals are metrics designed to measure the web page experience for actual users on mobile devices. The measurements are collected by users on Chrome who have opted in to provide the information which is then collected as the Chrome User Experience (CrUX) Report.
It is this data that is used to create the Core Web Vitals scores for websites which in turn will become a ranking signal in June 2021.
Hosting a website at a fast server will not improve the core web vitals scores because the problems that negatively impact core web vitals scores are related to how the website is coded.
Delivering unoptimized code faster from a fast web host won’t fix the bottleneck caused by that unoptimized code that has to be downloaded and rendered on a mobile device.
That’s why it’s important for the makers of website templates and page builders to make the code their users rely on more efficient.
What Elementor announced is their renewed effort to deliver the web page code more efficiently to help publishers give their site visitors a better user experience and help the publishers rank better.
While there are coding tactics to delay downloading the files or to download them in parallel (simultaneously with other files), those files still need to be activated (so to speak) in order to complete the rendering of the web page.
For example, if a web page doesn’t contain a contact form then there is no need to download the files necessary to create a contact form.
And that is part of what Elementor announced.
Elementor Is Now More Efficient
According to Elementor:
“The Lightbox, Screenful, Dialog, and Share links libraries are all loaded conditionally…”
Elementor also announced:
“The e-icons CSS file has also been split into two separate libraries – frontend and backend – saving up to 50KB on any given page load.”
Another improvement is that CSS that only affects site visitors who are Editors will not be loaded automatically for all users. That means if a site visitor is not an Editor their browser will download less files to make the web page render, saving 17 kilobytes.
The Elementor team shared this with me:
“Both our R&D team and our SEO team have been working on this project for the past 6 months, making sure that Elementor is fully compatible with the upcoming Web Vitals Google algorithm change. We’ve been focusing on reducing the number of DOM elements, rendering process optimization, dynamic asset loading, and much more.”
Elementor Publishes Videos for Improving Core Web Vitals
In addition to the code changes Elementor has taken the extra step to provide YouTube courses to help them better understand best practices for building sites that provide a faster user experience.
“To guide people through this update, we’ve made some excellent educational materials, including a new course on improving performance on your website. This will take a look at the whole process, since performance is based on a combination of factors, not just your website building platform of choice.”
Watch the Elementor optimization courses on YouTube here.
Elementor Takes the Initiative
It’s encouraging to see more and more companies step up to make these important updates. The announcement by Elementor is an exciting development for users of the plugin and puts the pressure on the rest of the WordPress ecosystem from plugins to theme makers to keep up with Elementor.