Screenshot fo Elementor Builder

Elementor is a very popular page builder for WordPress and WooCommerce websites. While it’s not the best fit for all sites, it really is the best technology available today for larger sites in need of visual editing AKA page building.

Elementor Pro

In the case of Elementor Pro you get additional widgets, design templates, and full-site editing – headers, footers, sidebars, and templates. This is a very useful toolkit, but I should add it is notorious for dev site licensing. It will fail to update normally on staging and development environments. It will go so far as to deactivate features within itself. That’s pretty much the worse offender of “wonky licensing” I’ve seen in the WordPress ecosystem. That’s a hassle and clearly a pet peeve of mine, but can be overlooked for larger sites that really do need Elementor Pro features.

Visual builders like Elementor are especially useful for empowering web teams to create and update content. They also bundle commonly used features and load them on demand, including search, menus, forms, sliders, newsletter signups, product blocks, interactive maps, and so much more. There is a performance cost to operating a page builder, Elementor being no exception.

This performance cost can be mitigated by paying careful attention to the following:

Testing

As you make these changes be sure to test results one by one. Use WebPageTest or the Chrome browser’s built-in Lighthouse performance testing tool. Google’s PageSpeed Insights tool utilizes cached mertics and is not useful for testing real-time changes.

Page caching reminder

Page caching will not speed-up your site. It can be a useful tool to expand your traffic handling capabilities on your server for traffic that does not require dynamic content. That’s it!