#New In Elementor: Speeding Up The Fastest Page Builder

Developing the fastest page builder for WordPress is not a simple task. There are two main ways in which the speed of a page builder is measured: how fast it is to design with, and how fast the pages it creates load.

Elementor has been the right choice of page builder in terms of speed and performance since its launch, and now we are helping it even further lead the way as the fastest page builder for WordPress.

Back in July, we improved on the first type of speed. We added code improvement that affected the speed of the editor itself, and increased its speed by 30%.

Now, we have managed to improve upon how the pages that have been created by Elementor, load, by changing the way Elementor styles are saved.

fastest page builder

How We Made the Fastest Page Builder Even Faster?

Our latest update insures that all CSS generated by Elementor is saved to external minified CSS files, and not on the HTML of the page. This drastically shortens the final source code of the page, because all styling is saved externally.

A lot of factors go into determining how fast your pages load, like which hosting provider you are using (great post on that subject recently appeared on WPKube). If you're an SEO oriented person like myself, you are probably familiar with the line "Leverage browser caching", that appears on the various page speed testing tools. This commonly appears as one of the points that could use optimization.

By saving Elementor styles on external CSS files, we are able to properly leverage browser caching, and consequently improve page load speed.

Instead of stuffing the page with code, the only thing that is added to the source code is a reference to an external and condensed file:

This way the code stays nice and clean, and the page loads faster than before. This has an impact on the SEO of the page, so you can expect a higher Page Speed score.

wordpress-themes-for-elementor

The First 16 WordPress Themes We've Built & Perfected For Elementor

We get asked a lot about the best premium theme for Elementor. Now, we can confidently point to 16 Pojo themes for Elementor, that we ourselves have developed. These are themes that have been rebuilt from the ground up to work best with Elementor. They really take full advantage of Elementor:

  • Exclusive PreDesign Pages - Unique template sets to choose from for homepage, contact, services, and more.
  • Exclusive Elementor Widgets - Embed the theme's handy widgets right in Elementor. These include a forms widget, galleries widget, slider widget and post carousel widget.
  • Built entirely with Elementor - Because all themes were built completely with Elementor, it gives you much more flexibility when changing any aspect of the site.

There are more advantages to using our themes. They add up and complete Elementor, by giving you that extra control you need over your website design. Here are just two advantages built into the themes:

  • Control over the page, beyond the content - This enables you to fully customize the appearance of the title, breadcrumbs, background, menu, sidebars and more...
  • 100+ Customizer Settings - We've supercharged the customizer to its maximum capability, letting you control every aspect of the site, right from the customizer.

Check out the full list of themes & features in the Pojo website.

csshero2

CSS Hero 100% Compatibility

Back on the same subject of CSS manipulation. Recently, CSS Hero tested its compatibility with Elementor. I am glad to say we got a whopping 100% score of compatibility. This is definitely going up on my parents fridge!

But seriously, This is a great plugin that lets you delve deep in the CSS of any element and make live changes. You can choose any widget, column or section within Elementor, and start working on its classes and IDs. Check out their test drive area for Elementor.

A New Visual Editor For the Tabs, Accordion and Toggle widgets

We consider you guys, the Elementor users, as part of our team of development. This is because you hold the vital role of telling us what needs tweaking, what you most need us to add, and how we can go and improve our page builder.

tabseditor

In this week's release, we are adding a feature that has been requested time and time again - the ability to add any type of content to Tabs, Accordion and Toggle widgets. We've actually added the TinyMCE editor to these widgets, so you can fill them with images, text, shortcodes and any content you wish.

This update is a great help for bloggers. Adding the TinyMCE editor is not the only change we have made. The Elementor panel can now be expanded to a wider range than before. In addition, we have removed some unnecessary TinyMCE buttons, and have made the default width of the panel wider for larger screens.

All these changes were done to make it easier for you to use Elementor when writing your content for your site's pages and posts.  

Oh, and one more thing... ELEMENTOR PRO HAS A LAUNCH DATE!

Guys! This is what we have been waiting for all these months. We've worked really hard to create a Pro package that has enough benefits, that it will convince you to take the extra step and upgrade.

elementor-pro-logo

We'll be finally releasing our Pro version of Elementor on the 12th of December. Elementor will always remain free, that's our vision, and we'll be adding more features to the free version as well, so don't worry, you're covered either way.

Prior to the launch date, on the 25th of November (AKA Black Friday), We are going to launch a BlackFriday pre-order, giving you a chance to enjoy 50% off the marked price of Elementor Pro. That's a huge discount, and it's only for 72 hours, so be sure to set your calender.

It's going to give you a lot more control over your website. Stay tuned for more updates on this subject.

You'll be amazed with Elementor Pro. It's the best possible design solution for designers, developers and anyone using WordPress. 

About the Author

Ben Pines

Ben Pines is Elementor's CMO. He has been in the online marketing industry for over 10 years, specializing in content marketing. WordPress has been Ben's platform of choice since the time when it was only used to blog.

71 Responses

  1. OMG, Ben, Elementor has finally been thrust into the forefront of WP page builder with this update! One can now use the Insert Pages plugin to insert Elementor created content anywhere that one can use a shortcode!!!!

    This is GROUNDBREAKING news!!!! 🙂

  2. Are there plans to provide a plugin that supports multiple users and their profiles in the front end? I’ve searched for a good “networking” type of plugin but they all come up short

  3. Hi,
    I am interested in purchasing PRO, if we can make our own elements/shortcodes like visual composer. Please let me know the features in PRO. Thank You

  4. just a question with this new CSS do we have to do anything or does it do it by its self

    By they way love Elementor its a awesome system wont use anything else from now on.

    Great work

  5. Damn. This is great to hear. I can’t even believe how amazing it is to use Elementor. Really hoping to take advantage of launch. But if I’m still broke, I will eventually get it. It’s been such a good help I must support.

  6. Well… the last update… which was today is a disappointing one. On my front page (landing page) I was using the carousel element which after upgrade displayed all my images into a single column from top of the page waaay down to the footer… and on other page I was using the tabbed element which after the update didn’t work at all. So i had to return to previous version in order to offer my clients/visitors/customers the possibility to use and browse the website’s pages.

  7. Incredible! Looking forward to the Pro details as well. Hoping for a white label option as well as the option to replace / modify the core templates specifically for niche sites.

  8. Hi Ben, had been testing Elementor for a while and really love what it does. Totally over delivered for a free plugin. Can’t wait for the Pro version. Just wanted to know if you can work out a bundled deal with CSS Here during your launch! 🙂 That will be awesome.

  9. Hi Ben,

    Great work – looking forward to seeing the pro offering. Just one clarification: does the pro release mean the Developer API will finally be ready so we can make our own widgets?

  10. So no other (more expensive) lifetime option, not even for early adopter? I think an yearly subscription is fair, I know developers need a sustainable business, but I really hope for a one-time-payment option for people who want support you but are not very comfortable being tied to a yearly renew. Anyway, thanks for your work!

  11. That’s too bad and I hope you reconsider. Renaming plugins with generic names and colors helps when selling to a niche. Plus it’s a feature worth paying for… fingers crossed.

  12. Ben,
    I have tried several times to resolve this issue can you help? Elementor was fine and I built an entire website – Now I’m denied access with this: The content area was not found -you must call the_content’ function on the current template. A code is suggested-but no direction on there to put it?

  13. Hey Tim
    The guys and gals at support @ elementor.com are great at answering your support concerns.

    btw
    I made a search for the_content’ function on the current template elementor.
    One thing that came up was that certain plugins might affect the site when Elementor is used.
    Through FTP go to the plugins folder and rename it to 1plugins to deactivate all the plugins. Then login (hopefully you will be able to login). Then rename the 1plugins back to just plugins. Then activate one plugin at a time. Begin with the plugins you are most sure of. Log out and then back in again. Then continue with one plugin at a time. Log out and in again. Hopefully you will figure out which plugin is affecting the site. If it is a plugin then contact the developer and let them know about the problem you had with their plugin and that your using the Elementor plugin to design your site.
    Good luck..:)

  14. Will be a role editor function in Elementor (like in DIVI)?
    It will be nice to restrict Editors permission to edit only content of blocks and not to modify other settings.

  15. Hi Ben, very nice work. Will the pro version have extended licensing? Can it be bundled in theme for resale? eg. ThemeForest Themes? A lot of theme authors will be interested in using this builder but would need access to create their own widgets for use in their themes. Cheers!

  16. Hi Ben,

    Is Elementor Pro going to have an affiliate program? tomorrow there will a pre-sale offer? Are you going to publish it here in the blog? or where?

    I´m totally in love with Elementor and the visitors of my blog too. Great Great job 🙂

      1. Nada, no emails. Can’t even access the purchase page where I had my license key 🙁 I have only received paypal email.

  17. Hi Ben,
    I want to buy “Elementor Pro – Finally Revealed! Pre-Order for 50% Off “, unlimited plugin. My only concern is whether I can create/code my own elements, For eg: if I want to have masonary grid with custom changes or have cpt like recent projects slider. I am aware I can create widgets but I would want to avoid them and create elements like Visual Composer. Is that possible.

    Thank You.

  18. Speeeeeeeeed!!! With Google wanting page load times under 3 seconds, we desperately need speed. After much optimization effort GTMetrix is still showing a couple duplicate css files. Also having difficulty combining and minifying css & js, plus don’t want Google fonts and do want to use sprites to reduce server calls and make the pages load faster.

    I’m finishing up a fairly simple site with a home page that’s 1.35MB on WPEngine (which is about as quick as a host can get) and even with cache and minification enabled, no 3rd party chat or social media tools to slow it down other than a single embedded YouTube video and Google Analytics, the home page is still taking between 4 and 5.5 seconds to load.

    Goal is to crank out a website quickly and run it through page speed analysis tools and return excellent scores to the clients. Regardless of what the site’s rankings turn out to be, at least the high scores will show strong due diligence in the theme and optimization decisions.

Leave a Reply