How To Speed Up A Slow Elementor Website (28 Ways)

Slow-Elementor

Ready to speed up Elementor?

Below is a complete list of Elementor speed optimizations I’ve compiled over the last couple years working with Elementor (and finding solutions in the Elementor Facebook Group). These should make your site faster while addressing multiple PageSpeed Insight items and web vitals.

We’ll start by optimizing DOM elements, CSS, JavaScript, and fonts Elementor which adds to your site. For this, we’ll be using Elementor Experiment settings, asset unloading plugins, and other tips (like coding your header/footer in CSS). Then we’ll talk about optimizing fonts, media, third-party scripts, hosting, cache plugins, and general recommendations to speed up your site.

As a disclaimer, while I was able to optimize my onlinemediamasters.com site to load much faster with Elementor, I ultimately decided to remove it and use Gutenberg instead. But, my blog is about WordPress speed optimization so Elementor wasn’t the best choice to begin with. Needless to say, I’ve spent a lot of time learning how to speed up Elementor, so I hope this helps.

Hosting is obviously the #1 factor as shown in the WordPress optimization guide. I use Cloudways Vultr HF (very popular in Facebook Groups) and have a TTFB of around 200ms.

 

1. Activate Elementor Experiments

Head to Elementor → Settings → Experiments, then activate the following:

Elementor Experiments

Optimized DOM Output – addresses avoid an excessive DOM size item in PSI by removing unnecessary div wrappers (elementor-inner, elementor-row, and elementor-column-wrap).

Avoid an excessive dom size

Improved Asset Loading – addresses “remove unused JavaScript” by dynamically loading widget JS handlers and Swiper when they’re actually being used. Elementor says “in order for this experiment to work properly, you’ll have to use the Elementor Pro 3.0.9 version and above.”

Improved CSS Loading – addresses “remove unused CSS” and “eliminate render-blocking resources” in PSI by only loading widget CSS and animations when they’re actually being used on the page, while also applying inline CSS. Activating this saved 171KB in Elementor’s test.

Font-Awesome Inline – font awesome icons are loaded inline as SVGs without loading the entire library, preventing requests from extra CSS and font files from loading on your website.

 

2. Host Fonts Locally And Preload

Activate these in the Theme Customizer → Performance.

This loads Google Fonts locally (reducing third-party code by preventing fetching from fonts.gstatic.com) and preloads them which instructs browsers to download fonts as soon as possible. Make sure to flush local font files, then test your font files in the GTmetrix Waterfall chart to make sure fonts are being served from your website (as opposed to fonts.gstatic.com).

Elementor local fonts preload

Third-Party Fonts

Local Fonts

 

3. Remove Elementor CSS + JavaScript

Elementor, Elementor Pro, and most Elementor plugins add extra CSS and JavaScript to your site. Many Lighthouse items are related to CSS and JavaScript (a big reason why many sites using heavy page builders got punished in web vitals). Elementor’s Experiments should help reduce CSS and JavaScript file size, but sometimes you need to use an asset unloading plugin.

  • Perfmatters vs. Asset CleanUp – I compared these in this post. I use Perfmatters since the UX/UI is much easier. Perfmatters is paid, Asset CleanUp is free but also has a pro version which lets you unload custom CSS while Perfmatters does not. I like Perfmatters.
  • Activate The Script Manager – if using Perfmatters, activate the script manager under Settings → Perfmatters → Extras → Script Manager (enable). If using Asset CleanUp, activate Test Mode to prevent breaking things while testing changes. Perfmatters doesn’t have a Test Mode, but you can always undo a setting or create a staging site for testing.
  • Disable Unused Scripts – access your script manager in Perfmatters or Asset Cleanup to view the CSS and JavaScript loaded by Elementor. Try disabling elementor-sticky, dialog, share-link, swiper, animations, icons, and wp-block-library if you don’t use these features.

Remove Elementor CSS JavaScript

Remove Unused Elementor CSS JavaScript

Try disabling other scripts/plugins (examples below):

  • Disable contact form everywhere but contact page
  • Disable social sharing plugin everywhere but posts
  • Disable table plugin everywhere but content with tables
  • Disable rich snippet plugin everywhere but content with rich snippets
  • Disable fonts everywhere except certain areas (if you use multiple fonts)
  • Disable WooCommerce scripts/styles except on non-eCommerce pages (see #18)

 

4. Hardcode Your Header, Footer, Sidebar

This made a huge improvement for me.

I hired WP Johnny to code my header, menu, footer, and sidebar in CSS so it doesn’t use Elementor’s heavy code. I immediately noticed my site loaded faster with better GTmetrix scores. These appear across your entire site; hiring a developer to do this is definitely worth it.

Even if you plan on using Elementor to design pages, you don’t need it in these areas. After doing this, Elementor only appeared about 150 times in my blog’s source code (much less than it used to). WP Johnny offers this as a specific speed optimization service but he’s usually busy; you can also try finding a developer on freelancer.com or upwork.com who can hard code these.

WP Johnny Header Footer Service

 

5. Add Font-Display: Swap

If you need to ensure text remains visible during webfont load in PSI, head to Elementor → Settings → Google Fonts Load, then choose the “Swap” method. For Font Awesome, Elementor recommends using font-display: block which can eliminate render-blocking resources. You can try font-display: swap or font-display: block, then test your own results in PageSpeed Insights.

Elementor Google Fonts Load

Without Font-Display:

@font-face { font-family: Lato; }

With Font-Display:

@font-face { font-family: Lato; font-display: swap; }

 

6. Use Less Elementor Widgets + Columns

This YouTube video has some great tips for using less Elementor widgets and columns which results in less code. Definitely worth watching the full 15 minutes if you haven’t seen it already.

 

 

7. Go Easy On Elementor Plugins

Don’t go crazy with third-party Elementor plugins.

Many designers rely on multiple Elementor addons to build their site only to realize they’re slowing it down. I ended up deleting Ultimate Addons, Premium Addons, and JetEngine since these plugins were only used in a few areas of my site and weren’t worth the extra load times.

Avoid Other Slow Plugins

Statistic, backup, portfolio, live chat, form, slider, JetPack, and other plugins can slow down your site. Query Monitor will find your slow plugins. But even Query Monitor and Broken Link Checker constantly run in the background and consume resources. Delete them if you’re done.

The WP Hive Chrome Extension lets you view plugins in the WordPress repository and see whether they have an impact on memory usage or PageSpeed Insights before even installing it.

PluginCategoryMemory ImpactPageSpeed Impact
All In One SEOSEOXX
Broken Link CheckerSEOX
DisqusCommentsX
Divi BuilderPage BuilderXX
ElementorPage BuilderXX
Elementor Premium AddonsPage BuilderX
Elementor ProPage BuilderXX
Elementor Ultimate AddonsPage BuilderX
JetElementsPage BuilderXX
JetpackSecurityXX
NextGEN GalleryGalleryXX
Popup BuilderPopupXX
Site Kit by GoogleAnalyticsX
Slider RevolutionSliderXX
Social Media Share ButtonsSocial SharingX
WooCommerceWooCommerceXX
WordfenceSecurityX
wpDiscuzCommentsXX
WPMLTranslateXX
Yoast SEOSEOX

Make sure plugins don’t take a long time to load:

Slow WordPress Plugin Waterfall

 

8. Disable Unnecessary Plugin Modules

Plugins with modular design let you disable certain features you’re not using.

Some third-party Elementor plugins use modular design like Ultimate Addons and Premium Addons (but they can still be slow as mentioned above). Other plugins like JetEngine do not. Modules are enabled by default. View the settings and deactivate modules you’re not using.

Disable-Addons

 

9. Use Elementor’s Hello Theme

Elementor’s Hello theme comes with almost no styling or scripts. It’s better to start with minimal bloat then add features. Gutenberg, GeneratePress, and Oxygen are lightweight too.

10. Remove Heavy Elements On Mobile

It’s a very common problem to have great desktop scores in Lighthouse, but bad mobile scores. Use Elementor’s responsive mode to remove heavy elements from mobile. Instead of a slider, use an image (or just use less images). Remove heavy third-party code and JavaScript from the mobile site. Google uses mobile first indexing – mobile speed is what you should focus most on.

Elementor Responsive Mode

 

11. Use Transform + Translate For Animations

Using animations without transform + translate can result in layout shifts.

You can use Happy Addons to add these. CSS transform lets you change the width/height of animations, while CSS translate lets you move elements around without causing layout shifts.

CSS Transform

 

12. Reduce TTFB With Cloud Hosting

Most hosting recommendations are garbage and I suggest joining the WP Speed Matters Facebook Group (run by Gijo Varghese) to get unbiased feedback on hosting + site speed.

I use Cloudways Vultr HF which is a popular choice in Facebook Groups. You can check my GTmetrix report, TTFB, or click through my site and see yourself. I moved from SiteGround to Cloudways in 2019 which cut load times in half and fixed CPU issues (it’s also monthly pricing with no high renewals). They use Object Cache Pro/Redis with NVMe and 44 data centers. The main cons are no file manager or email hosting and their Breeze plugin + CloudwaysCDN aren’t great. I suggest using WP Rocket, Cloudflare or BunnyCDN, and Google Workspace. They do 3-day trials, free migration, and have a promo code for 30% off 3 months. Some people say they’re techie since it requires an extra step to launch a server + connect your domain, but it’s not hard.

Cloudways Launch Server

SiteGround Slow TTFB

SiteGround Cloudways CPU Usage

SiteGround vs Cloudways Pricing

 
Spend 5 minutes looking at recent Facebook polls on “the best hosting,” migration results of people who switched, and unbiased feedback in Facebook groups (click thumbnails to enlarge).

Favorite-Cloudways-Server

Moving away from SiteGround

NameHero is a gem. They use LiteSpeed with more CPU/RAM for a cheaper price compared to SiteGround, Hostinger, A2, Cloudways (although they are cloud hosting) and most major hosts. The Turbo Cloud + Business Cloud plans use NVMe storage while most hosts use slower SSDs. You get LiteSpeed Cache with QUIC, HTTP/3, Redis, and faster server-leveling caching (all are free with your plan). I don’t know anywhere else you can get 3 CPU cores, 3GB RAM, and NVMe on LiteSpeed for $8/month. For larger sites, their managed cloud plans also use LiteSpeed with more CPU/RAM, NVMe, and MariaDB + PHP-FPM (like Cloudways) as well as full root access.

So even though NameHero is known as a “simple, beginner-friendly host” with cPanel and cheap intro prices + higher renewals, they use much faster technology behind the scenes. Plus, they don’t sacrifice support, uptimes, or security like most hosts in their price range. The biggest con is their data centers are only in US/Netherlands. Otherwise, they do a free migration, have a 30-day refund time, and the CEO (Ryan) is a genuinely awesome guy if you watch his YouTube channel. Pull up your host’s specs page (here’s SiteGround’s, Hostinger’s, and A2’s) to compare their technology/resources. You should use WP Johnny’s or my LSC guide if you make the move.

NameHero Plans Resources
Compare your current host’s specs with NameHero’s

Web server poll

Web server poll Oxygen

SiteGround vs Cloudways vs NameHero

NameHero vs SiteGround Feedback

SiteGround to NameHero

NameHero Facebook Feedback

Cloudways TrustPilot Review

NameHero TrustPilot Review

Stay clear of SiteGround, Hostinger, GoDaddy, Bluehost, and EIG. They’re mainly promoted by affiliates but have a slow TTFB, CPU limits, and expensive renewals. SiteGround’s community manager and affiliates are also admins for several Facebook Groups and use this to promote their company and remove negative posts. Hostinger writes fake reviews and was banned from Groups. I’m an affiliate, but I don’t recommend slow, shared, unethical hosting for commissions. I only make money when I convince you to move away from these hosts to faster cloud hosting.

Affiliate Disclaimer: I use affiliate links to Cloudways/NameHero and appreciate your support.

 

13. Optimize For Core Web Vitals

I have an extensive tutorial on optimizing WordPress for core web vitals (and how to fix 25+ items in PageSpeed Insights), but I want to share a few important parts of getting better scores.

Largest Contentful Paint – find your LCP element in PSI which is usually an image or background image. You should optimize it as best you can, especially if it loads across your site.

  • Preload the LCP image
  • Compress the LCP image (try 85%)
  • Serve the LCP image from your CDN
  • Reduce the LCP image’s size using WebP or SVG
  • Exclude LCP image (and other images in viewport) from lazy load

Largest Contentful Paint WordPress Element - Background Image

Cumulative Layout Shift – use Google’s Layout Shift Debugger and the “avoid large layout shifts” report in PSI to identify which elements on your website are causing elements to shift.

  • Specify dimensions of images, videos, iframes, ad div code
  • Ensure text remains visible during webfont load (fix FOIT)
  • Host fonts locally on your server and see if preloading them helps
  • Use CSS transform in animations instead of width/height attributes
  • Ensure optimize CSS delivery is working (i.e. in WP Rocket) to avoid FOUC
  • When moving elements, use transform: translate() instead of top, bottom, left, right

Cumulative Layout Shift Debugger

 
Total Blocking Time – caused by long tasks (over 50ms) that block the main thread. It’s often caused by heavy JavaScript but can also be from third-party code, fonts, CSS, and animations.

  • Avoid using plugins and themes with heavy JavaScript files
  • Defer, delay, minify, and optimize JavaScript as best you can
  • Identify third-party scripts with high blocking time and optimize them
  • Check your “avoid long main-thread tasks” report in PSI to pinpoint files

Main-Thread Blocking Time

 

14. Upgrade To PHP 7.4

Check your PHP Version in Elementor → System Info.

Upgrading PHP versions is one of the easiest ways to speed up your Elementor site. Kinsta’s PHP benchmarks show how higher PHP versions can run 2-3x faster. Elementor also recommends higher PHP versions and to increase memory limit to 256MB (see next step).

Elementor PHP Version

You can do this in your hosting account:

PHP 7.4

 

15. Enable Redis + Memcached

Redis and memcached are supported by most cloud hosts.

Cloudways supports both which can be activated in your account. SiteGround supports memcached which you can activate in SG Optimizer (use all 3 caching levels). Many people don’t take advantage of server caching, Redis, and speed services offered by their host. You should!

Hosting Application Services

 

16. Increase Memory Limit To 256MB

Check your memory limit in Elementor → System Info.

Both Elementor, WordPress, and WooCommerce recommend a 256MB memory limit.

Elementor Memory Limit

You can usually change memory limits in your hosting account:

Memory Limit

Otherwise, add this code to your wp-config.php file.

define( 'WP_MEMORY_LIMIT', '256M' );

 

17. Configure A Solid Optimization Plugin

WP Rocket and LiteSpeed are the gold standards for cache plugins.

I use WP Rocket but if you’re using a LiteSpeed server, you should be using LiteSpeed.

How your cache plugin is configured greatly impacts the speed of your Elementor site. WP Rocket and LiteSpeed come with features most cache plugins don’t have, meaning more optimizations and less plugins needed on your site. I have guides for nearly every cache plugin including the WP Rocket settings, W3 Total Cache settings, Autoptimize Settings, and others.

You can get 10% off WP Rocket by signing up for their email list on the coupons page.

 

18. Optimize Images

There are quite a few ways to optimize images:

  • Properly size images – avoid oversized images (make them smaller).
  • Compress images – use an image optimization plugin like ShortPixel.
  • WebP – next-gen images recommended in Lighthouse. Done by WebP plugins.
  • Lazy load images, iframes, videos – done using various speed plugins. Exclude images above the fold from lazy load and don’t use it if you have fast scrolling users (eCommerce).
  • Strip EXIF data from images – strips useless data from images like date, time, location, and camera settings when a photo was taken. Done by most image optimization plugins.
  • Specify image dimensions – make sure a width and height is specified in each image’s HTML. WP Rocket has an option to add missing image dimensions in the Media settings.
  • Serve images from a CDN – image URLs should be served from a CDN URL. If they’re not, try the CDN rewrite in Perfmatters or the Bunny CDN plugin. Cloudflare doesn’t do this.
  • Disable hotlinking – same thing as Cloudflare’s hotlink protection (some cache plugins like WP Rocket also have this). Prevents other websites from embedding your images.
  • Use adaptive images – serve smaller (adaptive) images to mobile users. One of the few things you can do to improve mobile load times. Done through an adaptive images plugin.

GTmetrix Image Optimizations

 

19. Optimize Third-Party Code

Just like Google Fonts are a third-party request, so is AdSense, Analytics, Maps, Tag Manager, embedded videos, and even Gravatars or social sharing plugins which generate extra requests.

Third Party Usage

Optimizing Third-Party Requests

  • Lazy load videos and replace iframe to eliminate requests to YouTube.
  • Delay loading comments (e.g. wpdiscuz) and Gravatars to speed up comments.
  • Host Gravatars locally using WP User Avatar to avoid requests from gravatar.com.
  • Try Grow by Mediavine for social sharing buttons to prevent social media requests.
  • Delay third-party code using WP Rocket’s delay JavaScript execution or Flying Scripts.

 

20. Add Preload, Prefetch, Preconnect

You’ve probably seen these in your cache plugin or Perfmatters.

  • Preload – often used for links and fonts. Preloading links downloads a page when users hover over a link. Preloading fonts helps browsers discover fonts in CSS files (copy your font URLs from the GTmetrix Waterfall tab then paste them into the font preloading option). Both can be done in WP Rocket, Perfmatters, and Pre* Party Resource Hints.
  • Prefetch – helps browsers anticipate requests from third-party sites. View third-party code loading on your site (in Lighthouse). Next, grab their URLs or see this of common domains to prefetch. Lastly, prefetch them using one of the 3 plugins mentioned above.
  • Preconnect – establishes early connections to important third-party origins (item found in Lighthouse). Common with CDNs and fonts.gstatic.com but can’t be done in WP Rocket (use one of the other plugins). It should be used sparingly and tested once implemented.

WP Rocket Prefetch Preload

 

21. Clean Your Database

Many speed plugins clean your database, but they don’t let you delete tables left behind by old, uninstalled plugins. That’s why I like WP Optimize.

View the tables left behind by plugins shown as “not installed.” You probably installed the plugin, deleted it, but it left behind pre-configured settings in your database. So if you don’t plan on using that plugin again, remove it. Otherwise, WP Rocket and other cache plugins are fine for regular database cleanups, but install WP-Optimize especially after deleting unwanted plugins.

WP-Optimize-Tables

 

22. Utilize CDNs

A few notes about CDNs:

  • If visitors are close to your origin server, you don’t need a CDN.
  • Cloudflare’s DNS is faster than a cheap DNS from GoDaddy or Namecheap.
  • Minifying with Cloudflare can often be better (more aggressive) than cache plugins.
  • Cloudflare’s Rocket Loader can be hit or miss and can break your site (test carefully).
  • If using Cloudflare, setup a cache everything page rule. For dynamic sites, use the WP Cloudflare Super Page Cache plugin to use Cloudflare’s cache without breaking your site.
  • Browser cache TTL should be about how often you publish a new post (e.g. 10 days).
  • Setting up Cloudflare requires changing nameservers, other CDNs will use a CDN URL.
  • Cloudflare’s automatic platform optimization is worth $5/month and can improve TTFB.

Recently, I stopped using Cloudflare and WP Rocket’s RocketCDN. I switched to BunnyCDN which was highly recommended in Facebook threads. Both Cloudflare and RocketCDN can actually have a negative impact on load times and TTFB. If you’re not getting great results with those, I recommend BunnyCDN. It’s affordable and easy to setup using their setup instructions.

Instructions – choose a CDN, sign up, create a pull zone, grab your CDN URL, then add it to your site (usually in your cache plugin). Make sure images are being served from the CDN URL.

23. Disable WooCommerce Scripts, Styles, Cart Fragments

Just like you selectively disabled CSS and JavaScript in the first step, you can also use Perfmatters or Asset CleanUp to do the same thing with WooCommerce scripts and styles. Otherwise, these will load throughout your entire website (even on non-eCommerce pages).

Asset CleanUp WooCommerce

Perfmatters lets you do this with 1-click:

perfmatters woocommerce optimization

 

24. Explore Plugins By Gijo Varghese

Love this guy and his plugins; he even has his own WP Speed Matters Facebook Group.

Flying Scripts is my favorite because it lets me show Gravatars without affecting GTmetrix. He also has plugins for hosting analytics locally, image optimization, Flying Pages (preloads pages), and other useful plugins. Check out my 25+ WordPress speed optimization plugins for a full list.

Gijo Varghese plugins

 

25. Eliminate Render-Blocking Resources

If you have render-blocking errors in PageSpeed Insights, Autoptimize can fix this by inlining critical CSS and adding defer/async attributes.

Simply install the plugin and enable the settings below. For better control of choosing which files should have defer/async attributes, try the Async JavaScript plugin (the same developer).

Autoptimize Eliminate Render-Blocking

 

26. Serve Static Assets With An Efficient Cache Policy

To serve static assets with an efficient policy, Google wants your cache expiration to be 6 months (or 180 days). WP Rocket, CDNs, and many hosting accounts usually let you adjust this.

  • Cloudflare –  go to Caching → Browser Cache TTL, then set it for “6 months.”
  • Hosting Accounts – Cloudways (for example) has a static cache expiry option.
  • WP Rocket – edit your .htaccess file (WP Rocket adds this code there) and change the expiration. If you’re not sure how to edit .htaccess, use the Htaccess File Editor plugin.

WP Rocket Efficient Cache Policy

 

27. Finish The Last 10% With Perfmatters

Perfmatters (by Kinsta) takes care of what I like to call “miscellaneous speed optimizations.”

perfmatters features

Some of these are extremely useful; the script manager which lets you selectively disable plugins/scripts from certain pages, changing the autosave interval, limiting post revisions, preconnect, and disabling WooCommerce scripts, styles, and cart fragments. When it comes to these types of optimizations, I don’t know of any plugin that does a better job than Perfmatters.

What do you expect, it’s Kinsta.

 

28. Remove Elementor

If speed/SEO are important, consider removing Elementor.

Elementor is great for quickly deploying sites for clients. But if it’s your own site and you truly want to improve it, consider a lightweight alternative. Web vitals are becoming a large ranking factor and it’s unlikely you will pass the Web Vitals Test in PageSpeed Insights with Elementor.

Alternatives

  • Gutenberg blocks – redesign your site with Astra (using a Gutenberg template from the Starter Sites plugin). The Gutenberg Blocks plugin adds blocks to give you additional design options (plenty of YouTube tutorials). Or transfer your same design to Gutenberg.
  • GeneratePress – rated #1 fastest theme in some Facebook polls with plenty of designs to choose from in their Site Library. A good balance between fast and user-friendly themes.
  • Oxygen Builder – super lightweight but requires more technical skills. Compatibility issues have also been reported. Many people in Facebook Groups are moving to Oxygen and posting nice scores/reports. Use it if you’re a developer and want absolutely no bloat.
  • Kadence Theme – haven’t tried it yet but know it’s a popular alternative in Facebook Groups and used by Adam from WPCrafter. They also have a Gutenberg Blocks plugin.
  • Genesis Framework – not as popular since StudioPress got bought out by WP Engine and restructured their pricing, but my old site was built in Genesis and it definitely loaded fast.

Another alternative is to hire WP Johnny for his page builder removal services where he will replace Elementor with Gutenberg blocks. I hired him recently and he already hard-coded my header, menu, and footer instead of using Elementor. Soon, my site will be built entirely with Gutenberg. If you haven’t heard of WP Johnny, he’s a bigger WordPress speed wizard than me.

WP Johnny Page Builder Removal Service

No doubt Elementor is slow.

 
Not cool.

Elementor Souce Code

I’m finally done removing Elementor and things are looking better.

OMM GTmetrix 2021
For how long this post is with tons of images/comments, it still loads in under 1s

Two more threads in case you didn’t find what you’re looking for:

Elementor Speed Optimization

Elementor Page Speed Optimization Tips

 

Frequently Asked Questions

Is Elementor slow?

Elementor adds extra CSS, JavaScript, fonts, and div wrappers to your site. Coupled with extra Elementor plugins and this can make your site slow. This can cause web vital errors related to CSS, JavaScript, network payloads, and DOM elements.

What are common reasons for a slow Elementor site?

Too many bloated plugins, unnecessary modules, cheap shared hosting, and not optimizing fonts, images, and third-party scripts can slow down your Elementor site.

Why is the Elementor Editor slow?

If your Elementor Editor is slow, it's most likely due to high CPU consumption caused by plugins or lack of server resources. Increase your memory limit or look into cloud hosting.

Why is Elementor slow on mobile?

Try using mobile caching, adaptive images, responsive layouts, and avoid hamburger menus. However, most desktop optimizations carry over to mobile so try fixing those first.

Why is WooCommerce slow on Elementor?

Both Elementor and WooCommerce add extra scripts and styles to your site. Try selectively disabling these using Asset CleanUp or Perfmatters. You can also try disabling cart fragments if your customers don't use them as well as WooCommerce admin bloat.

Cheers,
Tom

About Tom Dupuis

Tom Dupuis 2017Tom Dupuis writes WordPress speed and SEO tutorials out of his apartment in Denver, Colorado. In his spare time, he plays Rocket League and watches murder documentaries. Read his bio to learn 50 random and disturbing things about him.

38 thoughts on “How To Speed Up A Slow Elementor Website (28 Ways)

  1. Believe me, this is the best article I read till date. Perfect to the point. Well elaborated. Guts needed to say that some hosting providers spams to get conversion.
    I am a newbie to blogging. Just started on June’21. Taking help of YouTube, articles like yours, have built website by my own.
    Having no technical knowledge, still learning, experimenting everyday for a better speed, theme, lookout of the website.
    Hope will come up with some information and facts about my experience also some day in future.
    By the way, I have bookmarked your article. It will help me a lot.

    1. Thank you. Yes, most YouTubes are full of it and either leave out or aren’t aware of what these companies are doing. I’ll be publishing some videos soon to hopefully get the word out.

    1. I don’t think I emphasized 1 single plugin here, Perfmatters/Asset CleanUp or WP Rocket? Those are pretty standard for speed optimization unless you’re using LiteSpeed or SG Optimizer on SG.

  2. I have already bookmarked this article before commenting, but I wanted to know about font-awesome. Can you tell me how can I remove font-awesome from my site without any code changes?

  3. I am using Elementor and sure it does add extra code, I am seeing good results (<2 sec) using WP Rocket (caching), Smush Pro (image optimization), and WP Asset Cleanup for stripping the fat from WordPress and removing unused scripts and styles (see image below). I do need to work on my optimizing my fonts a little better. Anyway thanks for the article, I’m always looking for new ways to improve my web vitals. I watched a recent video of someone using Nitropack and they are getting amazing results. 98 on mobile and 100 on desktop in page speed insights on a Elementor site. But of course there is a monthly cost for this service.

    1. Nitropack cheats scores and doesn’t improve load times as much as other (better) cache plugins do. There’s a lot of talk about this… I would do your research before using it.

  4. Hi,

    Great article.

    i am at wpxhosting and there is not much ram ( just 256 ) for elementor. and I preferred to remove it because I was using Woocommerce on the same site and it was slow.

    1. Ah yes, Elementor and WooCommerce is a tough combination. I’m pretty much done removing Elementor from my site (header, footer, menu, sidebar are all hard coded now) and can definitely tell my site loads way faster. Go for it! It’s worth it.

  5. Awesome stuff Tom. Implemented a lot of things you recommended and saw a significant increase in loading speed on our Elementor website. Now looking into Oxygen as well.

    Thanks a lot!

  6. We were having major issues with Elementor on our website too. Took quite some time to figure things out and in the end the only thing that really worked was deferring lots of junk javascript with the Asset Cleanup plugin. It’s still slow, but that’s going to be the nature of our site.

    1. Disclaimer: I’m an Elementor user, so I’m a bit biased to say this.

      The main thing you will have to choose between either Elementor or Oxygen is basically the speed in which you can create a site, the technical know-how you need to start using the tool (heard Oxygen needs some HTML and CSS knowledge to get started, I started Elementor with some coding know-how but not HTML & CSS), how big and mature the community is, and the performance trade-offs you will have to decide to make with convenience.

      Personally, I decided to stick around with Elementor for a while because it allows me to make designs fast for myself and my clients, and I can still make decently fast (for me) websites with it. But I’m open to that changing down the line.

    1. Because it belongs there. It’s the heaviest plugin I use and creates a lot of CSS/JS. Many page builder speed tests confirm this. I’ll be moving to Oxygen soon.

    1. I mean, there’s a whole debate about what matters and what doesn’t. It really depends on the specific recommendation in the testing tool and if you fix it, will it improve load times? That is the primary metric to measure.

    2. GTMetrix is actually switching to lighthouse pretty soon. They are changing their metrics to include web vitals in anticipation of the web vitals update which I believe is coming some time next year. So, I suggest you start trying to optimize for those metrics now. Currently they can be found in search console and Google will be relying upon they more after the update. You can read more about it here>> https://web.dev/defining-core-web-vitals-thresholds/

  7. Very Informative article. Changing Shared hosting to Cloud hosting do make a difference. But still i think elementor pretty heavy, it creates so much junk code for no reason. But if compared with other builder, elementor is pretty great. Also Check out Oxygen and Thrive Builder. they are pretty great too as well..

  8. Should I use Assets Clean Up or Perfmatters? I’m talking about the selective disable feature. Im currently using assets clean up, but I feel it ads a TON of loading time to single-page when editing them, because it has to load every script on thei rlist at the bottom of the page.

    Do you have any specific recommendation? Thanks :)

    1. Both are very good, if you plan on using Regex I would go with Perfmatters anyway because of the bloat removal options which isn’t included with Asset CleanUp. Otherwise, Asset Cleanup does a great job.

  9. Hey Tom! Did you know that GTmetrix working without throttling? And if you begin to use it, then you’ll know that speed of your site is slow.
    What about Pingdom — I have an official letter from’em what they didn’t measure the speed of the website. They are just broken about year or more.

  10. Solid post. I’m doing much of what you mentioned but using Namehero cloud host. Was thinking about upgrading to their Plus plan that goes up to 2G RAM and 2 core from 1 respectively. I know you said you cut your load time from switching to Cloudways from Siteground, but what plan did get? $10/mth or $22/mth plan?

    1. DigitalOcean $80/month plan for me, but I have a good amount of traffic and am obsessed with speed. Most sites can go much lower, even the $10/mont starting DO plan with 1 CPU loads very fast.

  11. Amazing WebsiteSetup Editorial!!
    I appreciate the fact that you have explained all the information in depth.
    Well researched & well-listed posts, especially those who didn’t know how to fix slow elementor website of such platforms, they will get support for sure. Keep focusing on such topics.

Leave a Reply

Your email address will not be published.