How to Speed Up a Slow Site With Elementor

Elementor is the fastest page builder for WordPress, written with the strictest code standards. Some websites, however, might have a configuration that causes slow loading.

Here are the most common ways to deal with a slow Elementor site:

Causes of a Slow Site / Elementor

There are several possible causes for a site or editor to show slow performance, each one should be examined:
Servers - Factors like memory, bandwidth, the location of the server in relation to the user and so on have a major impact on site speed. Free or shared hosting services are often the cause of a slow site.
Media (images, videos and so on) - Any image you place inside your site slows it down, especially if the image is placed in areas that are always loaded like the header and footer. Always make sure you upload images that are not too big (Under 1 MB is a good rule of thumb). Use tools like  TinyPNG to reduce the size of your images.
External scripts - Any use of external scripts, i.e. Google Maps, Facebook share count, Avatar images, all considerably slow down a page load.
You can deactivate Google Fonts, Font Awesome, and Eicons for example, by adding the following lines of code to your functions.php file in your child theme. 

For Google Fonts:
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

For Font Awesome:
add_action( 'elementor/frontend/after_register_styles',function() {
	foreach( [ 'solid', 'regular', 'brands' ] as $style ) {
		wp_deregister_style( 'elementor-icons-fa-' . $style );
}, 20 );
Note: By default, Font Awesome icons will only load on the pages where you've used them, so FA won't load on pages that aren't using any Font Awesome icons. This brings faster performance and faster page speed to your site, which can benefit your SEO and your users experience. Only the CSS and fonts of the icon family you actually use are loaded. So only dequeue Font Awesome if you truly plan to not use any Font Awesome icons at all. If you dequeue  Font Awesome, the icons will no longer show on any of your pages. 
For Eicons: 
add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet', 20 ); 
function remove_default_stylesheet() { 
	wp_deregister_style( 'elementor-icons' ); 
Plugins - Plugins make WordPress slower. If you are not using a certain plugin - switch it off and delete it.
Theme - A good theme shouldn't slow down a site, but unfortunately a lot of themes do. A well-coded theme uses scripts and methods to reduce its file sizes. Switching between themes and seeing the effect might give you a good indicator if the theme is the culprit. 

Tests You Can Run

  • Deactivate all plugins.
  • Switch to TwentySixteen (one of the default themes of WordPress) .
  • Create a page with the Canvas template and test it for speed again.
  • After following these steps run a speed test and check for improvements.

Speed Optimizations You Can Run

1. Use a caching plugin like  WP Rocket and Autoptimize.

2. Use a CDN service like  CloudFlare.

2. Check with your hosting provider regarding possible causes of the site being slow on the server side.

3. Switch editor loader method.

4. Reduce image sizes.

5. If you have developer know-how, we recommend to check the ping speed of your servers and analyze the various elements' loading time to pinpoint to cause of the slowness.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.