The Autoptimize plugin helps to aggregate, minify and cache scripts and styles, defer the aggregated full CSS, moves and defers scripts to the footer and minifies HTML.

This plugin helps to improve your website’s technical optimisation and loading speed. More importantly, this can improve your website’s Core Web Vitals.

In this setup guide we are going to look at which settings are recommended to speed up your website.

Plugin Details

Details as of 11th October 2020; Autoptimize.

Version: 2.7.8
Author: Frank Goossens (futtta)
Requires WordPress: 4.9 or higher
Compatible up to: 5.5.1
Requires PHP: 5.6 or higher
Active Installations: 1+ Million

Install

When you are logged in to your WordPress website, go to the plugins area and search for ‘Autoptimize‘.

Once you find the plugin, click on the ‘Install’ button, this will only take a moment. Once installed, the button will change to ‘Activate’ – this will take you to the plugin settings.

Autoptimize WordPress Plugin

Settings

Once you have installed the plugin, there are 3 main options to setup;

  1. JS, CSS & HTML
  2. Images
  3. Extra

There are more options in the plugin, however I would suggest using the 3 above for the best results.

If you have a wordpress website and would like some help and advice with this plugin, please get in touch – I would be happy to help. Reach out to me on LinkedIn or email me directly.

Within the JS, CSS & HTML settings, you will see several options and check boxes.

JavaScript Options

For these options, I would suggest checking the following boxes;

  • Optimise JavaScript Code
  • Aggregate JS files

CSS Options

For these options, I would suggest checking the following boxes;

  • Optimise CSS Code
  • Aggregate CSS files
  • Also aggregate inline CSS

HTML Options

For these options, I would suggest checking the following boxes;

  • Optimise HTML Code

Misc Options

For these options, I would suggest checking the following boxes;

  • Save aggregated script/CSS as static files
  • Minify excluded CSS and JS files
  • Also optimise for logged in editors/administrators

Image Optimisation

(On the ‘Images’ tab) I would always to check the lazy-load box. Some themes on WordPress may already lazy load images, so you won’t need to check it.

  • Lazy load images

Extra Auto-Optimisations

(On the ‘Extra’ tab) I would suggest checking the following boxes;

  • Google Fonts – Leave as is
  • Remove emojis

Those are all the settings that I would suggest for your website. It is important to check your website, and make sure that all the settings work and do not cause any issues.

Manual Delete Cache

This plugin adds a manual cache delete so you can keep your website fresh. You will see the cache option at the top of your WordPress admin panel.

Manual Delete Cache for Autoptimize Plugin

You website cache is temporary storage of Web documents, such as Web pages, images, and other types of Web multimedia, to reduce server lag. Deleting your website’s cache periodically keeps your website optimised.

It is best to delete your cache every week or so. Don’t leave it for too long.


I hope that this setup guide for Autoptimize has been useful, if you need help with your website, be sure to contact me directly – I am happy to help.

See more resources and updates on phil-isherwood.co.uk

Share this with your friends and colleagues ⬇

You May Also Like