Is the Avada WordPress Theme Really Fast?

Starting from this week, we will test popular themes/frameworks and how they perform with WP Rocket. We will publish the results, as well as our recommendations about optimal settings that would maximize the  benefits of both products.

This is the first test in the series, and we decided to try Avada, the #1 selling theme on ThemeForest .

We’re using Pingdom Tools for speed testing in this example. Lucy, a member of the WP Rocket team has written a great guide on How to correctly measure website page load time, don’t miss that one, it’s really useful.

We decided to test multiple pages/posts with the Avada theme activated, including plugins recommended/included in installation, with the imported original demo content.

First, we tested pages/posts without WP Rocket installed. After that, we activated WP Rocket with only the HTML and Google Fonts files optimization options turned on (these two options almost never create problems, so it’s ok to turn them on in over 95% of sites).

Comparison of Results

Here are the results we get.

Avada Theme – No WP Rocket installed

1. Homepage – 76/100 – 54 requests – 1.18s loadtime, 2.6MB Page Size

2. Shop Page – 74/100 – 43 requests – 992ms loadtime, 2.2MB Page Size

4. Portfolio Grid 2 Columns – 74/100 – 42 requests – 1.13s loadtime, 2.1MB Page Size

5. Blog:

– Blog TimeLine – 74/100 – 50 requests – 1.07s loadtime, 2.6MB Page Size

– Blog Grid – 74/100 – 46 requests – 1.10s loadtime, 2.2MB Page Size

6. Blog Single – 75/100 – 52 requests – 1.09s loadtime, 2.5MB Page Size

7. Revolution Slider – 72/100 – 87 requests – 1.10s loadtime, 958.0kB Page Size

8. Layer Slider – 74/100 – 58 requests – 1.08s loadtime, 2.3MB Page Size

9. Fusion Slider – Full Width – 75/100 – 55 requests – 1.75s loadtime, 5MB Page Size

10. Elastic Slider – 74/100 – 44 requests – 965ms loadtime, 2.2MB Page Size

11. Page/Post Sliders – 74/100 – 46 requests – 1.01s loadtime, 2.2MB Page Size

 Avada Theme – WP Rocket installed and activated

1. Homepage – 71/100 – 54 requests – 820ms loadtime, 1.2MB Page Size

2. Shop Page –  67/100 – 43 requests – 833ms loadtime, 798.7kB Page Size

4. Portfolio Grid 2 Columns – 67/100 – 42 requests – 635ms loadtime, 728.1kB Page Size

5. Blog:

– Blog TimeLine – 69/100 – 50 requests – 714ms loadtime, 926.4kB Page Size

– Blog Grid – 68/100 – 46 requests – 701ms loadtime, 811.2kB Page Size

6. Blog Single – 69/100 – 52 requests – 794ms loadtime, 1.1MB Page Size

7. Revolution Slider – 72/100 – 57 requests – 664ms loadtime, 964.0kB Page Size

8. Layer Slider  – 71/100 – 58 requests – 626ms loadtime, 963.1kB Page Size

9. Fusion Slider – Full Width  – 68/100 – 55 requests – 1.50s loadtime, 3.7MB Page Size

10. Elastic Slider – 68/100 – 44 requests – 630ms loadtime, 818.4kB Page Size

11. Page/post Sliders – 68/100 – 46 requests – 751ms loadtime, 879.7kB Page Size

Note: It’s not recommended to use all of these sliders on one site. Test all of them and try to use the one that fits your needs.

By installing and activating WP Rocket, we got significant page speed improvements.

Performance Grade vs Page Speed

Although page speed increased, you can probably notice there is difference in perf. grade results, where you get better results for non-cached versions of page. It’s much more important to focus on your page loading time and not on your performance grade – this is true no matter which tool you use (PageSpeed, GTMetrix, Pingdom etc). For SEO, Google doesn’t care about your grade, it only considers your website load time.

If you want to have a better perf. grade for some reason, you can increase it by making some changes in the WP Rocket Settings.

Let’s perform one test as an example:

This is the initial Homepage speed test result we got:
Homepage – 71/100 – 54 requests – 820ms loadtime, 1.2MB Page Size

I went to WP Rocket Settings page (which can be found in Settings –> WP Rocket), and turned on all options in the Basic Options Tab. Next, I went to the Advanced Tab and checked CSS and JS in the option: Reducing the number of minified files in one file.

Note: By default, WP Rocket combines the minified files in little groups to ensure the best compatibility and performance.

However you can force the minification to create only 1 file by activating this option.
But it’s not recommended to do this because you won’t take advantage of the parallelization of the download: it’s faster to download 4 files in parallel rather than one big file.

Depending on your server configuration, themes & plugins, these options can cause display issues on your website. If you have any issues, simply deactivate these options!

Here are the new results:

Homepage – 88/100 – 93 requests – 867ms loadtime, 781.1kB Page Size

You can see that the performance grade is higher, but the load time is slower!

Then I turned off the LazyLoad feature in Basic Options (since this creates more requests, although they are of 0 bytes) and here is the result:

Homepage – 92/100 – 35 requests – 866ms loadtime, 1.1MB Page Size

The performance grade is even higher, but the page is still slower than the original result.

Additional Options in WP Rocket

Users haven’t reported issues in  Support Tickets  regarding WP Rocket + Avada functionality, but with a theme like Avada (or any other multi-purpose WordPress theme) which has multiple JS and CSS files, one should definitely pay attention when activating further options.

The next step we took was to turn on all optional settings – LazyLoad, CSS and JS Minification.

JS Minification issues

The first thing I noticed here were errors with two js files, admin-bar.min.js and comment-reply.min.js (both are WP core files and can be found in wp-includes/js folder of your WordPress installation) :

01

The solution for this and similar issues related to minification can be found in our Knowledge Base.

So, I visited Settings –> WP Rocket –> Advanced tab and pasted the following addresses in JS files to exclude from minification field:

/wp-includes/js/comment-reply.min.js

 LazyLoad issues

On this page I noticed an issue when WP Rocket’s LazyLoad option is turned on :

lazyload_issue

Carousel images that are visible at first are not fully loaded. Fortunately, WP Rocket has an option to turn off LazyLoad for specific pages and even for specific images only.

That’s exactly what I did on this page. I turned it off as shown below and the page loaded normally, without any issues:

editor_options

Pros & Cons of using Avada

Although this post’s intention is to analyze and present how these two powerful product work, we have decided to provide our opinion of Avada, so here are the pros and cons of using it.

Pros

avada_docs

  • Avada  comes with many different options that can help you add almost any element you can imagine to your site, without any coding knowledge.
  • It is coded very well. It’s not easy to create a powerful theme like this and make it load fast and work without issues on all modern browsers
  • If a problem arises, the ThemeFusion team has a pretty good Support Center, including a Knowledge Base, Documentation, Video Tutorials and  Community Forum, which is, per my previous experience, really good.
  • Different demo pages  are available with a one-click installation

Cons

  • Although I mentioned the multi-purpose nature of Avada as a positive feature, it can be painful to work with this kind of theme in some cases.
  • If you want to a create simple blog or small static websites, you will end up not using most of the features Avada offers, so it could be overkill to use it.
  • This number of features and options can lead you into an endless process of site building. If you build a website and decide to try all features Avada offers, you can get lost and add superfluous elements or even never complete the project.
  • Memory usage can be a problem with some hosting providers. Based on my previous experience, this kind of premium theme require stable and good servers, so choosing a good hosting company would definitely be a good idea if you decide to use Avada.

 Conclusion

Personally, I am not huge fan of multipurpose/all-in-one WordPress themes, especially because there are many badly written themes of that kind on the market. However, the results I get in this test, as well as the ease of use of this theme convinced me it is a really useful WordPress template.

This test process has been made on Europe-based shared hosting, one of many that can be found on the market these days. You can gain even better results by using services from some of the best hosting providers. Have you heard about WP Rocket’s partnership with Siteground?

Have you have a chance to use Avada in combination with WP Rocket?  Or do you have additional questions? Feel free to leave a comment.

About

WordPress fan since 2008. with main focus on providing valuable customer support service. Early bird.

Subscribe to our newsletter Latest news of the rocket, at the speed of light!

27 comments

Comment

I’m sold. Will try WP Rocket on a few sites.

Great post and looking forward to the series.

Would be brilliant if you did, Divi / Thesis / Gensis, as well as themes on Themeforest.

Ca c’est une riche idée, vraiment ! Merci…
Sinon j’ai l’impressions que comment-reply.min.js pose des problèmes partout car Jonathan me l’avait retiré pour le thème Enfold (riche idée de le passer également à votre moulinette aussi : http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 avec ses presque 60 000 ventes…)
Merci

i am using Avada with wp-rocket
and my Pingdom score is 98/100
and also google PageSpeed score is desktop/95 and mobile/85
the only thing is holding me back is single file above-the-fold

Please also test Boss from BuddyBoss as it is a great BuddyPress theme and I am also interested how WP-Rocket will handle BuddyPress and what configuration options are needed. I think most useful will be Lazy Load.

My big concern about the cache mechanism is the ability to detect smartphone, tablet, and desktop.. on w3totalcache i ended up with registering the user agent one by one… wondering if wp-rocket has mechanism to make it easier for developer to optimize their multi-screen site

@Doxadigital Team
There is a checkbox to cache for mobile caching 🙂
No need to add all the user agent

Do you seperate between smartphone and tablet ?

It’s much more important to focus on your page loading time and not on your performance grade

I’d go so far as to say that you should ignore the grade entirely.

I’d also recommend trying out these tests with webpagetest.org. You’ll get a much better picture of what is going on with page loads, with better control options.

Amazing plugin. Just installed it on a very heavy photo website running on Avada http://www.worldtattooevents.com/. The homepage is 5.5MB and the load time speed went down from 2.8s/3.5s to 807ms. All other caching plugins didn’t even come close to it. Hence: AMAZING!!!

@Alex: Awesome! We are glad to hear that 🙂

Hi Jonathan, Please review my absolute favourite thee as well. I am pretty sure it will perform great. Thrivethemes.com

Sounds very good!
We are using Avada on Siteground in Europe. Now looking in to using WP Rocket as well!
I would love to see a another WP theme measure, particularly “Karma” from TrueThemes.
Thanks and please do continue. 🙂

I’ve been using your plugin since the day it came out and love it – but this is a great post!
thanks

Hi.

Really good article.

Would you add some popular theme from the market here as comparison ( Ex. Salient / Jupiter / Enfold )

Thank you!

My experience with Avada Theme on a monopage site before and after installing wp rocket on a basic hosting (30,00 €/year)
Never spent my money better. 🙂
===============================
gtmetrix.com
PageSpeed Score: from 59% to 95%
YSlow Score: from 69% to 85%
Page load Time: from 3.8s to 2.0s
Total Page Size: from 2.70MB to 1.18MB
Requests: from 61 to 52
===============================
webpagetest.org
First Byte Time grade: from F to A
Compress Transfer grade: from F to A
Cache static content grade: from F to B
===============================
PageSpeed Insights
Mobile Speed: from 31/100 to 73/100
Desktop: from 39/100 to 88/100
===============================

I am using avada on my webiste and currently using W3Total cache, and now i am sold here to buy the WP-Rocket Plugin. Fingers crossed to get good performance out of it.

Hey guys, This is awesome. I was running AVADA on GoDaddy and my loadtime was varying btwn 15 – 25 secs. Have been fighting it out for more than a month with the server support team that the site is slow. Read this article, bought the plugin and in less 5 minutes, my loadtime is down to 4.8 secs !!! :). Happy Customer, for now 🙂

Hello,

I also use WP Rocket with Avada, but I have still some question.

Which settings I have to add to the Avada “Theme Options/Advanced/Dynamic CSS”?
1. CSS Compiler – YES / NO
2. Database Caching for Dynamic CSS – YES / NO
3. Cache Server IP – FreeText

And when I use a child theme with Avada should I add the child theme CSS styles in the style.css or better in the Avada “Theme Options/Custom CSS”?

Thanks in advanced.

Regards Marc

Marc T. his questions are very good ones. Could you provide an answer?

Hi, great comparison. I like a lot that you point on the load speed not the performance grade! This is the true way to go when checking the performance of a website.

Do you have a similar comparison with Enfold theme?

I am very curious about the results there.

Thanks.

Great post! I’m using Avada and looking into caching plugins and I think I might be sold 😉

Hi Marko, great post on the Avada speed and performance! I have just published a post on how Avada compares to modern themes that have hit the market in the past 6 months. I think it will be a great addition to your data on Avada – https://sixtymarketing.com/avada-wordpress-theme-review/

I also think about buying WPRocket and use it in combination with Avada/Siteground Hosting.. Could you please answer the questions requested by Marc T. and Martin:

Which settings I have to add to the Avada “Theme Options/Advanced/Dynamic CSS”?

1. CSS Compiler – YES / NO

2. Database Caching for Dynamic CSS – YES / NO

3. Cache Server IP – FreeText

And when I use a child theme with Avada should I add the child theme CSS styles in the style.css or better in the Avada “Theme Options/Custom CSS”?

Thank you!

Currently I am using Newspaper theme by Themeforest on my Blog and the site is not loading fast….. I hope avada theme will help me to speed up my site….. Thanks alot

Does WP Rocket conflict with Avadas own CSS and JS compilers?

Leave a Reply

Your email address will not be published. Required fields are indicated by *