Elementor 3.20 update is here, bringing new display condition features to make your web design more flexible. Now you can load web pages faster, both when editing and when visitors are browsing. Introducing the new element display conditions, you can set more conditions with options like "or" to make your web content display smarter. What's more, you can use WordPress custom fields to determine the conditions under which content is displayed. And, best of all, upgrading to version 3.20 will make your site run faster and smoother.

Elementor official website:https://elementor.com/

Creating Complex Conditional Scenarios with the OR Connector

Elementor 3.20 makes your designs smarter! Previously, you needed to meet all the conditions before an element would show up, like a strict janitor. Now, with 3.20, you can easily combine conditions using the "or" magic. This means that you can set up multiple conditions, and if any one of them is true, the element will be rendered.

Let's say you have a coupon code that you want to show to your loyal social media followers or logged in users. Now, you can set up two condition sets, connect them and say "or". If the user is logged in or came in from your social media link, then the coupon will shine through. This way, both old fans and new visitors will feel welcome and generous!

Dynamic visitor experience based on dynamic tags  

Elementor 3.20 lets you utilize dynamic tags (such as WordPress custom fields) to determine when to display an element. This is perfect for people who want to make their post or page templates more vibrant and personalized. For example, if you want to put an icon next to an auto-filled title, you can set a rule that the icon and its frame will only appear when the title field is filled with content. Using dynamic labeling conditions, you can also make decisions based on specific values in custom fields, such as whether a field "is" or "is not" a certain value, or "contains" some specific information. In this way, your site can automatically adjust the elements displayed based on the specifics of your content, making each page and post unique and appropriate.

Performance and Accessibility Enhancements 

performance improvement

This version of Elementor includes major performance updates for a faster and more enjoyable site building and browsing experience.

Faster TTFB

Elementor 3.20 makes your web pages open faster, with a 3-5% speedup in the first load time (the moment the page starts to appear.) The speedup may be even more noticeable for more content-rich pages. How does this work? Simply put, unnecessary elements are removed from the page presentation, making the page lighter and faster to load.

DOM Optimization

Every time you add a widget, feature, or style to your website, you add some code. This code tells the browser how to present your site. Obviously, the more code there is, the longer it takes for the browser to load the content. But here's the good news: by upgrading to Elementor 3.20, your site can run faster while maintaining its complex design! That's because the latest version dramatically reduces the output of page building elements (a.k.a. the DOM). For example, the code has been reduced by 391 TP3T for Flexbox layouts and a staggering 851 TP3T for grid layouts. in addition, this update has made the editing experience much smoother by reducing the amount of code in the editor.

Accessibility Improvements

Elementor continues to invest time and effort in making the Internet more accessible to visitors and Web developers who rely on assistive technologies. For more detailed information on assistive technology enhancements.Visit the developer blogThe

• Super Menu: Enhanced keyboard navigation and usability on mobile devices.
• Login Widget: Screen readers can now read hidden tabs, and when more than one is placed on the pagewidgetsEach login widget has a unique ID.
• Improved editor: use the keyboard to navigate the widget panel and edit panel.

Functional and experimental updates

This release includes many status changes to features and experiments. Some features have been activated by default on all new sites, while others have become an integral part of Elementor and can no longer be activated or deactivated from the Features page. 

• Default settings on the new site: grid containers, category filter widgets, display conditions. 
• Merged features: global style guide, page transitions, scroll capture. 

Enjoy new display conditioning features and improved performance with Elementor 3.20

Elementor 3.20 brings two powerful new features that make display conditions even more powerful: you can now dynamically change the display of an element based on its content, and you can combine multiple conditions with the "or" option. After upgrading to 3.20, you'll notice that your site not only loads faster, but also displays pages and elements more smoothly. This is due to the optimization of the web code and the improvement of the back-end element rendering technology.