WordPress & Performance

Why Is Elementor So Slow? The Fixes That Actually Move PageSpeed

Elementor is rarely slow on its own. Find what’s really dragging your build down, the settings to switch on, and the fix order that moves PageSpeed.

Tony Helmy · Senior MarTech Specialistupdated · 9 min read
On this page · 7 sections
  1. First: is the site slow, or the editor?
  2. Measure before you change anything
  3. The usual reasons an Elementor site is slow
  4. Elementor performance settings worth switching on
  5. The fix order that moves the score
  6. Tune or rebuild? Elementor vs Gutenberg for speed
  7. FAQ

Elementor is rarely slow on its own. Most slow Elementor sites are slow because of how they were built: deeply nested sections, addon packs, too many font files, a slider as the hero, a pile of third-party scripts, and hosting with no page cache. Fix those in the right order and an Elementor site can score well in PageSpeed Insights.

Below is how I diagnose a slow Elementor build, the Elementor settings worth switching on (as of October 2026), and the fix order that actually moves the score.

First: is the site slow, or the editor?

“Elementor is slow” means two different problems, and they have different causes.

  • The editor is slow (the panel takes ages to load, widgets lag when you drag them). This is a server-side problem: PHP version, PHP memory, and plugin conflicts. Your visitors never see the editor, so it doesn’t affect PageSpeed.
  • The live site is slow (visitors wait, PageSpeed is orange or red). This is a front-end weight problem plus how fast your server answers. This is what hurts leads and Core Web Vitals.

For a slow editor, start with Elementor’s own system requirements. As of October 2026 they list PHP 7.4 or higher (PHP 8.x recommended) and a WordPress memory limit of at least 256 MB, with 512 MB recommended and 768 MB for best performance. Many cheap hosting plans still ship below that. Raising the memory limit and moving to PHP 8.x fixes a surprising number of “Elementor won’t load” complaints. If it doesn’t, disable other plugins one at a time to find the conflict.

The rest of this article is about the live site.

Measure before you change anything

Run your most important page (usually the homepage or your main landing page) through PageSpeed Insights on the mobile tab and write down three things:

  1. The Core Web Vitals assessment at the top (real-user data) and which metric is failing.
  2. The Largest Contentful Paint element. PageSpeed names it in the diagnostics. On Elementor sites it’s usually the hero image, a background image or the headline.
  3. The diagnostics that repeat: “Avoid an excessive DOM size”, “Reduce unused JavaScript”, “Eliminate render-blocking resources”, “Reduce initial server response time”.

The score at the top is a lab simulation. The assessment is based on real visitors, and the two often disagree. If you’re not sure which one to trust, read what the Core Web Vitals report is actually telling you first. It decides which fixes matter.

If you’d rather not dig through the report yourself, I’ll send you a free PageSpeed and Core Web Vitals report as part of my MarTech audit.

The usual reasons an Elementor site is slow

CauseHow it shows up in PageSpeedFirst fix
Nested sections and inner sections“Avoid an excessive DOM size”, slow rendering on mobileRebuild key templates with containers
Addon packs and third-party widgets“Reduce unused JavaScript/CSS” listing addon filesRemove addons you can replace with native widgets
Too many font families and weightsFont files in render-blocking or LCP chains, layout shiftOne or two families, only the weights you use, served locally
Slider, video or huge image as the heroSlow LCP, large network payloadOne optimised hero image, loaded with high priority
Third-party scripts (chat, popups, pixels)Long main-thread tasks, high Total Blocking TimeRemove, delay or move into one tag manager
Slow hosting, no page cache“Reduce initial server response time”, slow TTFBPage caching, better hosting, a CDN

1. Nested sections instead of containers

Older Elementor layouts stack section → column → inner section → column → widget. Each layer adds wrapper divs, and a large DOM makes the browser work harder to style and lay out the page. Containers use Flexbox, so the same layout needs fewer wrappers. In Elementor’s own container comparison, a five-element section built the old way produced 37 div elements, against 23 for the container version.

You don’t need to rebuild everything. Rebuild the header, footer and your highest-traffic templates with containers first; those load on every page.

2. Addon packs and third-party widgets

This is where most of the bloat I see comes from. A site installs two or three “ultimate addons” packs for one widget each, and each pack brings its own scripts and styles.

One myth worth dropping: you don’t need to switch off Elementor’s own unused widgets. Elementor says native widgets, fonts and icons that aren’t used on a page don’t load their assets, apart from a small shared base. The same isn’t guaranteed for third-party addons; some load their files everywhere. Check the “Reduce unused JavaScript” list in PageSpeed: if addon files appear on pages that don’t use them, that addon is costing you.

3. Fonts and icon libraries

Every font weight is a separate file. Three families in four weights each means a dozen downloads before your text settles. Pick one or two families and only the weights the design actually uses.

Then check how they’re served. Elementor can load Google Fonts locally from your own server instead of Google’s. Watch out: starting with Elementor 3.32.1 this option defaults to Disabled, and if you had it on before, you have to enable it again after updating. Elementor also lets you choose the Google Fonts loading method (Swap, Fallback, Optional and others). “Swap” shows text immediately in a fallback font, which helps perceived speed but can cause a small layout shift when the real font arrives.

For icons, Elementor’s Inline Font Icons feature renders icons as inline SVG instead of loading the full Font Awesome and eicons libraries.

4. The hero: sliders, videos and oversized images

The first thing a visitor sees is usually your Largest Contentful Paint element, so it decides your LCP. A slider with five full-width images, a background video, or a 3,000-pixel PNG all make it late. Replace a hero slider with one well-compressed image (WebP or AVIF, sized for the container), and never lazy-load the hero. Google’s LCP guide explains why the LCP image should start downloading as early as possible.

5. Third-party scripts

Chat widgets, popup tools, heatmaps, several ad pixels and A/B testing scripts all compete for the main thread. They’re not Elementor’s fault, but they land on Elementor sites constantly. List every script the page loads, remove what nobody uses, and load the rest through one tag manager with sensible triggers. After a cleanup like this, check your form tracking still fires after the cleanup: removing a “useless” script is a common way to break conversion tracking without noticing.

6. Hosting and no page cache

Elementor pages are built by PHP on every request unless something caches them. On a slow shared server without page caching, the server can take a long time just to send the first byte, and nothing on the front end can make up for that. If PageSpeed flags “Reduce initial server response time”, fix this before anything else: turn on page caching (your host’s or a caching plugin), use a CDN, and if the server is still slow, move hosts.

Elementor performance settings worth switching on

As of October 2026, Elementor keeps these in Elementor → Editor → Settings, on the Performance and Features tabs, according to its performance features guide. Turn them on one at a time and test after each, especially on a site with custom CSS or addons.

SettingWhat it doesWatch out for
Optimized Image Loading (Performance tab)Adds fetchpriority="high" to the LCP image and lazy-loads images below the foldCheck that your hero is detected as the priority image
Lazy Load Background Images (Performance tab)Lazy-loads all background images except the firstIf your hero uses a different background image per breakpoint, test mobile
Optimized Gutenberg Loading (Performance tab)Dequeues block editor styles and scripts that aren’t usedPages that mix Gutenberg blocks with Elementor
Load Google Fonts Locally (Performance tab)Serves Google Fonts from your serverDefaults to Disabled since 3.32.1; re-enable after updates
Inline Font Icons (Features tab)Renders icons as inline SVG, skipping the icon font librariesCustom CSS that targets the old icon markup
Element Caching (Features tab, experimental)Stores widgets’ rendered HTML so the server doesn’t rebuild them each time, which reduces server response timeNever on widgets with dynamic tags or shortcodes (for example, a widget showing the visitor’s name)

Element Caching deserves a note. Elementor’s Element Caching guide says containers and sections are cached automatically, and you set how often the cache clears with Element Cache Expiration on the Performance tab. It helps with server response time. It is not a replacement for a page cache.

The fix order that moves the score

Order matters because each fix makes the next one easier to measure. This is the sequence I use:

  1. Server response. Page caching on, PHP 8.x, enough memory, a CDN. If the first byte is slow, nothing else shows its effect.
  2. The hero. One optimised image, not lazy-loaded, with Optimized Image Loading on.
  3. Fonts. Cut families and weights, serve them locally, pick a loading method.
  4. Plugins and addons. Remove addon packs you barely use and plugins that duplicate each other.
  5. Third-party scripts. Remove or delay them, then re-test your tracking.
  6. Structure. Convert header, footer and top templates to containers.
  7. Elementor features. Inline Font Icons, lazy background images, then Element Caching on static widgets.

Re-run PageSpeed after each step. Lab scores move immediately. The real-user assessment takes weeks to catch up because it’s based on the last 28 days of visits.

Tune or rebuild? Elementor vs Gutenberg for speed

Gutenberg (the WordPress block editor) generally produces lighter markup than a page builder, because it doesn’t wrap every element in builder layers. But the editor is only one factor. A Gutenberg site with a heavy theme, five plugins and a chat widget can be slower than a clean Elementor build. So the question isn’t “which builder is faster”, it’s “what is the cost of fixing this site vs rebuilding it”.

Tune the Elementor site if:

  • your marketing team edits pages often in Elementor and relies on its templates,
  • the slowness comes mostly from hosting, images, fonts and scripts (the fixes above), and
  • the layouts can move to containers without a redesign.

Consider a rebuild if the site depends on several addon packs, the templates are deeply nested everywhere, a redesign is planned anyway, or the team rarely edits layouts and mostly publishes posts.

I build in both Elementor and Gutenberg, plus custom code, and I aim every site and landing page at a 95–100 PageSpeed score. Results I’ve delivered include −25% load time and a PageSpeed score of 98, so I don’t have a stake in one builder. The right answer depends on who edits the site and what’s actually slowing it down.

FAQ

Does Elementor slow down WordPress?

It adds some markup, CSS and JavaScript compared with a plain block theme, so a careless build will be heavier. A well-built Elementor site with containers, few addons, local fonts and good hosting can still pass Core Web Vitals. Most of the slowdown comes from how the site is built and hosted.

Why is the Elementor editor so slow?

Usually a server limit: an old PHP version, a memory limit below Elementor’s recommended 512 MB, or a plugin conflict. The editor’s speed doesn’t affect what visitors experience.

Should I disable unused Elementor widgets?

Not Elementor’s native ones. Elementor says unused native widgets don’t load their assets. Third-party addon widgets are different; check whether their files load on pages that don’t use them.

Is Elementor still worth it in 2026?

If your team builds and edits landing pages often, yes, as long as the site is built lean. If the site is mostly static and rarely edited, a lighter Gutenberg build may be cheaper to keep fast. Decide based on who edits the site, not on builder benchmarks.

Speed is only one part of the lead journey, so if you want to see the rest, it’s worth running a full audit of speed, tracking and lead flow.

Part of
MarTech audit checklistSpeed, tracking, CRM lead flow and automation, in one checklist.

More in WordPress & Performance