Are you a Digital Agency? 📣 Let's get to know each other!

ResourcesWordpressElementor v.25: conditional loading of widgets and CSS optimisation

Elementor v.25: conditional loading of widgets and CSS optimisation

Elementor v.25 - Performance update

Elementor recently launched its latest version, v.25. This update introduces a number of new features and improvements that promise to make the website building experience even smoother and more customisable. Among the most interesting new features are conditional loading of widgets and significant CSS optimisation, two features that can revolutionise the way developers and designers work on their projects.

Conditional Loading of Widgets

One of the most anticipated features of version 25 is the conditional loading of widgets. This new option allows users to decide whether or not a widget should be loaded based on specific conditions. For instance, it is possible to show a widget only to certain users, based on their geographical location, or based on previous interaction with the site.

Advantages of Conditional Loading

Conditional loading offers several advantages, including:

Creative FlexibilityDesigners and developers have more freedom to create dynamic and engaging layouts, responding better to the specific needs of their audience.

Improved PerformanceBy loading only the widgets needed for each situation, the site can load more quickly, reducing waiting times for users.

Customised Experience: Users can receive tailor-made content, increasing interaction and overall satisfaction.

Conditional Loading of Widgets

In addition to conditional loading of widgets, Elementor v.25 also introduces significant CSS optimisation. This feature aims to reduce the total size of CSS files generated by the page builder, further improving page loading time.

How CSS Optimisation Works

CSS optimisation is based on a few key practices:

Conditional Loading for CSSJust as with widgets, it is now possible to load only the CSS files required for the widgets active on a given page, significantly reducing the overall load.

CSS MinificationStyle files are reduced by eliminating whitespace, comments and redundancies, allowing a reduction in the total file size.

Asynchronous LoadingCSS can be loaded asynchronously, allowing the browser to continue loading the page while the CSS files are retrieved, enhancing the user experience.

These two new features therefore not only improve the performance of websites, but also offer developers and designers more powerful and flexible tools to create customised and efficient user experiences.

With each new update, Elementor continues to prove itself at the forefront of page builders for WordPress, making website creation more accessible and intuitive. If you are looking to improve your site's performance and content customisation, version 25 is definitely a must-have update.

Need help? Write to info@halkoo.com to receive a customised quote for your new website or e-commerce shop.