How to optimize and accelerate a web made with the Avada theme

The subject Avada is for years the most popular, downloaded and used in WordPress and all that in spite of the new layout designers, of the dozens of multipurpose themes that have been coming out. And this has its merit.

What is a reality of the subject Avada is that, even though it does not use Visual Composer (now renamed as WPBakery Page Builder ), neither Divi nor Elementor but its own layout designer, called Fusion Builder is a winner, and it does not appear that any another issue will lower him from the throne .

And, in this reality, in which there are thousands, rather hundreds of thousands of installations of Avada As an expert in WordPress, you can not ignore the fact that sooner or later the web of a client who wants to optimize it and improve the loading times of your website will fall into your hands, without having to renounce its wonderful theme

It's something that in my case I've had to do several times and that, after going through my first phase of skepticism ]of want to convince the client to change the subject even before starting to enter optimization codes and plugins little by little I realized that Avada has things that other subjects should learn from, quite a lot .

The problem of Avada in particular, and the themes of Envato in general

The problem of issues as Avada is that offer so much, they are sold with such fantastic demos, that almost no one can resist having such a functional, spectacular, gimmicky website .

But of course, all power carries a effort, in this case in the form of plugins and is that to get to design some demos of Avada you have to install and use up to 3 different plugins of carousels, or sliders if you prefer to call them that. [19659005] So it's easy to find yourself in a WordPress installation of your client at the same time Fusion Slider Avada's own system, plus other plugins like Layer Slider or Slider Revolution each of them huge consumers of resources, and devourers of scripts, which of course, end up slowing down any web.

If we add the rest of standard WordPress plugins, Avada's own layout designer, Fusion Builder more an online store, subscription system and you know, at the end we have a monster that would take a NASA server to move it half decently .

But, who is reluctant to try the most popular theme of all time, year after year, with fantastic demos, and that only costs $ 60?

And, curiously, Avada contributes a large part of the solution

But, look at where, the same Avada can help us optimize the loading of a web, do we see how?

Update Avada and all your patches

The Avada update system is for note. Not only do you update the theme to its older versions but it works through a patch system that you can update at will.

Go to the menu Avada> Fusion Patcher and get up to date. Many of the patches are improvements of security and optimization, and even of adaptation to the RGPD, so check them from time to time.

It is not obligatory to install all the recommended plugins [19659020]

Your first optimization measure is to avoid the temptation to install all the recommended plugins in the menu Avada> Plugins .

They are there so that the install when you need them, not right now. What's more, you do not even need to install them at all, so stick!

Check the status of the system

In Avada> System Status check all the information, there you have good software tracks or parameters that you should still improve, like …

  • PHP version
  • Memory parameters of the php.ini file
  • MySQL version
  • … etc

Advanced theme features

We're already serious, so go to the menu Avada> Theme options and let's start really optimizing .

Here's what first is to disable the following options in Avada> Theme options> Advanced> Theme features :

  • Disable soft scrolling, an unnecessary JavaScript altogether
  • Disable CSS animations in mobile (less mobile) is more)
  • Disable CSS animations to the pa sar above a mobile image (mobile minus is more)
  • Disable the YouTube and Vimeo APIs, you do not need them, WordPress takes care of them thanks to oEmbed
  • Disable the Google Maps script (you will not need except for the map module, if you need it later you will activate it)
  • Disable the fast upload script above (pijada where they are)
  • Disable the fast script in mobile (idem)
  • Disable Fusion Slider . As long as you do not know which plugin of sliders you are going to use at the moment, deactivate everything. If later you decide to use this, you activate and deactivate it and you delete the rest.
  • Deactivate Elastic Slider, for the same reason as the previous one.
  • Deactivate unnecessary FontAwesome icons, in addition you lower the score in optimization analyzers [19659028] Disables Open Graph meta tags. Already generated by your SEO plugin, do not repeat them.
  • Disable rich snippets, better control them from each element of your website (WooCommerce, star ratings, etc.)

My advice here is that if you hesitate to deactivate. If then you miss something and activate it, and meanwhile you will be loading the minimum and managing your website more optimally.

Privacy also optimizes

One of the latest additions to Avada, which I especially liked, has been the privacy settings section.

In Avada> Topic Options> Advanced> Privacy we have a configurations that, in addition to helping us respect the privacy of our visitors will improve the burden of our website .

are two settings, I recommend you activate yes or yes:

  • Google Fonts Mode in Local , what Google Fonts stores locally. With this your visitors' data is not shared with Google and, in addition, the source load is local, which will improve your results on meters like PageSpeed ​​or GTMetrix.
  • Embeds Privacy enabled so that the embedded media (YouTube, etc.) does not collect traffic data from your visitors until they grant permission for it. This way the videos are not loaded, etc until the approval, which in turn accelerates the loading of your page.

CSS and JS compilation and cache

Other fantastic adjustments that Avada incorporates are the compiler of CSS and JavaScript files which allows to store dynamic CSS and JS files in static, cached files faster loading.

In menu Avada> Theme options> Advanced> CSS and Dynamic JS you have the settings to apply this own cache to this type of files.

Lightbox

Other the thousands of Avada features is the effect Lightbox which makes your linked images appear in a pop-up window.

And this functionality is susceptible to optimizations. Go to Avada> Theme options> Lightbox and deactivate the following options:

  • Lightbox in the highlighted images of the individual entries
  • Play the Lightbox gallery automatically
  • Title
  • Caption
  • Share social networks
  • Linking depth

In this way you deactivate unnecessary elements, accelerating the loading of the pages.

Presentations

In this feature we are basically going to deactivate the automatic script and "visual improvements" disabling all settings of the options you'll find in Avada> Theme options> Presentations .

Page in blog

[19659005] On the settings page of Avada> Theme options> Blog> General blog you have the option to set the paging method with these three possibilities:

  • P agination
  • Infinite Scroll
  • Load more button

Choose the first, paging, then the other two load additional scripts to each page of your web.

Individual entries blog

On page Avada> Theme options> Blog> Blog individual entry I recommend you only activate those boxes that are really necessary or contribute something to the entries. [19659005] Each box that is displayed requires queries to the data base, load of scripts and styles, that maybe you can save yourself and improve the load times of your articles.

Boxes that you can question deactivate would be …

  • Author information (almost always unnecessary)
  • Share box on social networks (if you already use a plugin for this utility)
  • Related articles (if you use any plugin for this)
  • Comments (if you do not use them or want to )

Comment rios en páginas

If you will not allow comments on pages go to Avada> Theme options> Extras> Miscelaneo and deactivate the box called " Comments in Pages " to not load a lot of elements that will slow down the loading of your pages.

Posts / Related projects

In this section, located in Avada> Theme options> Extras > Post / Related projects I recommend that you avoid the load of the script that adds mouse gestures, because for it you have the much more intuitive and visible, and optimal, little arrows of a lifetime.

Come on, what Set up like this:

Sponsor a rollover

Seriously, I'll give them to you. The rollover are those cool image substitution effects that they like and do not work at all.

Go to Avada> Theme options> Extras> Configure rollover for featured images deactivates all settings. If after a few days you notice that you sleep badly, that your life is a hell and you can not live without the rollover you activate them again, but if all this does not happen to you, you are free, you abandoned the dictatorship of the rollover .

I assure you, you can live without them, disable everything on that page of options.

Custom typefaces

One of the virguerías offered by Avada is the ability to customize fonts, and save them for later use. Really, do not do it, you have hundreds to choose from.

Take advantage of the typeface of the staff (thanks Ana for opening my eyes) and use typographies to which your visitors are used to seeing other websites, which you already have installed, they will always be the best option.

So if you go through Avada> Theme options> Typographies do not be tempted to make your own sources Ok?

No background image

Never, that is, you never need background images or patterns. Go to Avada> Theme Options> Background and deactivate the backgrounds. Nobody will see them and will unnecessarily account for the load of all your pages.

Another functionality that you will not need are Parallax or similar effects in the footer of your web page. Go to Avada> Theme options> Footer and deactivate all the effects offered by the theme, whether they are scripts or background images.

Slide bar

Another effect " cool " that you can avoid, really, is the slide bar on computers, totally unnecessary, which adds more weight to all your pages.

You can disable it in Avada> Options of the topic> Slider

Flipping with the title bar

Perhaps one of the most surprising features of Avada is the ability to customize the browser's title bar, something that will surprise family and friends but, as a now you can imagine, unnecessarily overloading the code of your website.

So go to Avada> Theme options> Title bar of the page and deactivate everything, do not load background images, nothing, remove everything and forget that There is this.

No background images in headers

Either in the main header or in the main header, do not ever think about uploading background images. The reason we have already seen in several of the previous points.


Well, and with this we have optimized Avada, but is there more?

Optimizes also Fusion Builder, the Avada layout designer

Also the page editor itself integrated in Avada is susceptible to optimization. These are improvements that will not affect the loading speed of the web but will reduce the consumption of resources on your server.

Go to menu Fusion Builder> Settings and follow these simple indications:

Prevent automatic loading of the layout

By default, Fusion Builder is automatically loaded, so optimize your resources and disable this feature.

Load only the modules you really need

Fusion Builder has dozens of modules but do you use them all? If you deactivate those that do not use the layout, it will consume less resources and load faster when you need it.

Use Fusion Builder only in the essential content types

Why load Fusion Builder on pages or other content if you're not going to use it there? Disable all types of content where you are not going to use it and improve the performance of your site.

Revolution Slider is not so bad either

And, also, the many times demonized Revolution Slider but ultimately beloved by the owners of websites that want fantastic sliders with layers of links and buttons, may surprise us.

In fact lately it has improved and includes optimization settings, you have in the administration menu Slider Revolution> Global Settings.

Just follow the indications of the following captures, configure it as it goes out there for optimal performance.

]

The only adjustment that can give you a problem is if you globally disable the JS libraries ( Include RevSlider Libraries Globally ). If after turning it OFF, you see that it does not load any slider, turn it back to ON.

Are these Avada optimization settings useful?

Of course, yes. Without applying other optimizations, only with these own adjustments of the theme and the layout will greatly reduce the loading times of websites made with Avada.

Here are some examples, measured in Pingdom Tools …