Last Updated on

ADVERTISEMENT

Do you want to make your WordPress site faster? Well, there are many different ways to improve website loading speed. But in this tutorial, I’ll tell you how to speed up a WordPress site with Autoptimize plugin.

Speed is a very important ranking factor. So you can use Autoptimize plugin to improve your website loading speed. It is a speed booster plugin and makes optimizing your site really easy.

The main goal of the Autoptimize plugin is to minify your website’s CSS and Javascript files and improve website performance. In addition, it also optimizes HTML files.

But for this, the proper settings are very important. This article will tell you the best Autoptimize settings.

So let’s get started…

First, install and activate the Autoptimize plugin in your site. After activating the plugin, click on Settings > Autoptimize. This will take you to the settings page.

JS, CSS, and HTML

ADVERTISEMENT

In Javascript Options, check the box of Optimize Javascript Code? and Aggregate JS files?As you can see screenshot below

In CSS Options, check the box of Optimize CSS Code?, Aggregate CSS-files? and Also aggregate inline CSS?As you can see screenshot below.

As you can see, there are no advanced settings to optimize in HTML Options. Here just check the box of Optimize HTML Code?

Images

In this section, you can use CDN and set Lazy load for your images. This improves your website loading speed and reduces server load.

Extra

ADVERTISEMENT

In this tab, you can remove query strings, emojis and Google Fonts from your site.

Option 1

Google Fonts – enable if using Google Fonts which slow down load times as they’re pulled from external resources (the Google Font library).

I prefer the “combine and link in head” option since this improves load times without visibility seeing fonts load (which is what usually happens when loading asynchronously.

Also test the last Google Font option “combine and load fonts asynchronously with webfont.js” and see which yields better results in GTmetrix.

Optimize Images – URLs on your website will be changed to point to ShortPixel’s CDN.

This should not effect how they look as long as it’s lossless compression, but they will load faster.

Image Optimization Quality – enable lossless compression to avoid losing image quality.

Remove Emojis – enable (emojis are bad for load times).

Remove Query Strings From Static Resources – query strings are usually generated by plugins and cannot be fixed (in GTmetrix/Pingdom) simply be enabling this, but you can try.

The better solution is to check your site for high CPU plugins and replace them with lightweight plugins.

Most high CPU plugins include social sharing, gallery, page builders, related post, statistic, and live chat plugins.

You should also delete all unnecessary plugins and clean the database (using a plugin like WP-Optimize) to clear tables left by uninstalled plugins.

Preconnect To 3rd Party Domains – helps browsers anticipate requests from external resources (Google Fonts, Analytics, Maps, Tag Manager, Amazon store, etc).

These will usually appear as “minimize DNS lookups” in your Pingdom report, but below are common examples.

  • https://fonts.googleapis.com
  • https://fonts.gstatic.com
  • https://www.google-analytics.com
  • https://ajax.googleapis.com
  • https://connect.facebook.net
  • https://www.googletagmanager.com
  • https://maps.google.com

Async Javascript-Files – this means something is preventing above-the-fold content from loading fast.

This tutorial on render blocking JavaScripts explains it well, but if you see JavaScript errors in GTmetrix and Pingdom, the Async JavaScipt plugin might do the trick.

Optimize YouTube Videos – if your site has videos, WP YouTube Lyte lazy loads them so they only load when users scroll down and click the play button, thus eliminating initial requests to YouTube’s servers.

This can shave multiple seconds off loads times on content with videos, as they’re one of the heaviest elements on a page.

WP Rocket and Swift Performance have this built-in to their settings, so you don’t need this if you use one of them as your cache plugin.

Now that we’re done configuring the Autoptimize settings.

Option 2

If your site isn’t working properly, try these basic settings.

Congratulations! You have successfully configured Autoptimize Settings.

Autoptimize plugin is fully compatible with WP Super Cache. Proper Autopitimize settings greatly reduce your page size and improve the website loading speed.

Autoptimize’s default settings are perfect for most sites.

Find this article helpful? Don’t forget to share it!

ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT
Categories: WordPress

Jonathan Terreo

Hi! I'm Jonathan the owner of Wikicat. Currently, I'm learning Visual Basic, WordPress SEO, and Security. Feel free to ask me anything like WordPress tips and so on.

It looks like you're using an adblocker :/

HEY! We noticed that you are using AdBlock. Appreciate us by viewing the Ads on this site that we provide. Ads help us to keep the site active and completely free. Thanks.

dolor nec Donec suscipit fringilla amet, diam nunc leo justo mattis tempus
Share via
Copy link