How to Speed Up the Avada WordPress Theme

>How to Speed Up the Avada WordPress Theme
  • website speed

Even though Avada (affiliate link) is a multi-purpose WordPress theme packed with a lot of features, it has become pretty well optimized over the years.

If your WordPress website runs on a good hosting, and you also optimize other important areas, then the Avada theme won’t prevent your website from having a good loading time.

StudioPress Theme of the Month

In this post, I’ll only show how to speed up the Avada WordPress theme by tweaking its settings.

I won’t go into a full WordPress website speed optimization, but here are some posts that will help you out on that manner:

How to speed up the Avada WordPress theme

Below are the theme settings that you need to tweak to improve Avada’s performance, therefore speed.

Basically, you’ll just have to disable a bunch of stuff.

Disable the Avada Fusion Builder Elements that you don’t use

Head to Fusion Builder -> Settings and disable all the features that you don’t use, so that Avada won’t unnecessary load them.

avada fusion builder elements

You can also completely disable the Fusion Builder on certain posts types, such as Posts, Pages, Portfolio, and so on.

disable avada fusion builder on post types

So, if you know for a fact that you won’t use any Fusion Builder elements on your products pages, for example, you should disable it there.

Disable the Avada sliders

I’m not really a fan of sliders and carousels, and if you don’t use them as well, then disable them.

Go to Avada -> Theme Options -> Theme Features and disable the Elastic Slider and Fusion Slider.

disable avada sliders

Since you’re there and we’re talking about sliders, scroll up a bit and disable the Avada Styles For Revolution Slider.

disable avada revolution slider features

Disable Avada CSS animations on mobiles

If you’re using CSS animations, it’s best if you’d disable them on mobile devices.

Some animations don’t even work properly on mobiles anyway, such as the ones that are based on hovering.

So, head to Avada -> Theme Options -> Theme Features and turn off CSS Animations on Mobiles.

disable CSS animations in avada theme

If you don’t use CSS animations at all, then you can disable them altogether, even though, usually, they shouldn’t impact the speed if done properly, from what I understand.

Disable Avada scripts

Go to Avada -> Theme Options -> Theme Features and disable the scripts for the features that you don’t use.

avada scripts

APIs usually don’t go along well with speed, so the fewer you have, the better.

If you don’t use Vimeo and/or YouTube videos, disable their API scripts. I don’t use Vimeo videos, so I only disabled the API script for Vimeo.

If you don’t implement a Google map on your site, disable that as well.

ToTop scripts are responsible for that arrow that appears on the bottom-right corner of the page or post, which the user can click to go to the top quickly.

If your pages/posts are not long, you should disable them. The mobile one is currently disabled by default.

I keep the script on for desktops/laptops, but I keep it disabled for mobiles, especially because space is limited there and that arrow appears over the content.

Host Google fonts locally

Avada implemented this as a GDPR feature, but it’s also useful to optimize the loading time as well.

Go to Avada -> Theme Options -> Privacy and set Google Fonts Mode to Local.

host google fonts locally on avada theme

The fonts will be downloaded on your server instead of loading externally from Google.

Don’t use the “Related Posts” feature

“Related posts” are known to impact a WordPress site’s speed.

So, to further speed up the Avada WordPress theme, I recommend disabling the Related Posts feature in Avada -> Theme Options -> Blog -> Blog Single Post.

disable related posts avada theme

Instead, you should use internal linking and/or manually mention related posts throughout your articles.

You’ll notice that I have some “related posts” boxes inside the post, which I’ve manually created and manually placed.

Enable Load Media-Queries Files Asynchronously

We’ve kept disabling theme features so far. Now, it’s time to enable something. 😀

Loading media-queries files asynchronously is another feature that can speed up the Avada WordPress theme.

So, go to Avada -> Theme Options -> Advanced -> Dynamic CSS & JS and turn on Load Media-Queries Files Asynchronously.

enable load media queries files asynchronously in avada theme

The other settings, CSS Compiling Method (Database) and Enable JS Compiler, should be enabled by default in Dynamic CSS & JS. If they are not, enable them.

That’s a wrap

I hope that you found the post useful and you’ve managed to speed up your Avada WordPress theme!

Keep in mind that the theme is only a part of WordPress speed optimization!

Don’t forget to share the post to help out others!

You can quickly subscribe to my newsletter by using this link or the subscription form.

If you have any questions or thoughts, drop a comment or send a message via contact or Facebook page.

You can also hit the follow button on Twitter and subscribe to the YouTube channel.

If you want to start your own WordPress blog, or need a website for your business, my WordPress installation service is at your disposal!

On-going WordPress support and maintenance are on the menu as well!

By |2018-10-14T16:41:35+00:00October 4th, 2018|Themes, Tips|0 Comments

Leave A Comment