Tutorial how to make WordPress fast by configuring Asset CleanUP Pro properly

Asset CleanUP Pro is a WordPress caching plugin. Beside minifying, combining and deferring CSS & JavaScript, unloading completely parts of unused CSS & JavaScript is the unique feature Asset CleanUP Pro brings to WordPress speed optimization. With Asset CleanUP Pro you can optimise global (whole website) and or overwrite per page level.

Asset CleanUP Pro unique upload CSS and JavaScript or parts of the is the most powerful feature of this WordPress plugin.

asset cleanup logo strip fat and make WordPress fast

Asset CleanUP Pro features:

  • Unload unused CSS and JavaScript files
  • Minify, combine + defer or inline CSS
  • Inline CSS for files smaller than some KB value
  • Minify, combine + defer or inline JavaScript
  • Inline JavaScript for files smaller than some KB value
  • Easy CDN configuration
  • HTML cleanup
  • Preload local fonts
  • Combine Google Fonts and load async and pre-connect

Because unloading CSS or JavaScript files can break your site Asset CleanUP Pro has a great feature called test mode which shows the changes only on a logged administrator. I recommend enabling test mode so you can learn about the theme you are using, what is required to load and what’s not.

Asset CleanUp Pro Enable test mode

These are the plugin usage preferences I’m using:

asset cleanup logo strip fat and make WordPress fast

Asset CleanUP Pro plugin usage properties

I’m not using any CDN because I’ve had big problems the Cloudflare free plan and if your website has enabled http/2 protocol server push cache can be configured only with a $200 package or up. The CDN is disabled for me if you have CDN you need to enter CDN’s CNAME/URL for the CSS and JS so Asset CleanUP Pro can cache them as static resources.

asset cleanup logo strip fat and make WordPress fast

Asset CleanUP Pro CDN configuration Myhostingfacts

These are Myhostingfacts Site-wide common site unloads:

I disabled jQuery Migrate site-wide because I’m using Avada theme and they are constantly updating it.

Asset CleanUP Pro Site-wide common unloads

HTML Source CleanUp:

Asset CleanUP Pro HTML Source CLeanUp

Avada is using icomoon.woff file to draw the social media icons the file is loading fast but and for some reason, Google Page Insights is saying that need up to 1.5sec to load. So I add the URL without the domain name to preload the font file and the Google Page Insights problem is gone and the website load faster.

asset cleanup logo strip fat and make WordPress fast

If you need to preload fonts that you host locally you need to enter the URLs of the fonts without domain name like on the picture below.

Asset CleanUp PRO local fonts

There are two main options for Google fonts either combine them and preload or remove them totally. Remove Google fonts only if you are hosting the fonts locally. The Google font URLs can be found easily in the GTmetrix waterfall section.

Asset CleanUp Google Fonts configure or remove

Disable XML-RPC:

Asset CleanUp Pro Disable XML-RPC Protocol Support partially or completely

I purposely left the Optimise CSS and Optimise JavaScript last because we are going to remove unused CSS and JavaScript before we minify, combine and defer.

This is an example of my home page but I can confidently remove unused CSS and JavaScript globally (whole site) because I know I use the same design and the same functionals for every page/post except table plugin that I’ll load only on the home page but not other pages.

asset cleanup logo strip fat and make WordPress fast

This is a good example WP Smush Pro which is a plugin for compressing and optimising images. Wp Smush Pro is a plugin that works in the WordPress dashboard and I don’t need this plugin CSS and JavaScript to load frontend so I unloaded site-wide and I removed unused CSS and JavaScript.

Asset CleanUP Pro Smush Pro unload remove unused CSS and JS

You need to know what the theme, plugins or even custom code need to load. If you don’t know the theme or plugins copy the handle name and search Google you will find what is that file doing and you will know if you need to unload or not.

asset cleanup logo strip fat and make WordPress fast

I’m giving you an image of the home page where I removed unused CSS and JavaScript with scripts I don’t need to load. I had to split into many images and the worth seeing.

Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 01 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 02 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 03 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 04 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 05 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 06 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 07 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 08 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 09 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 10 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 11 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 12 Home Page Myhostingfacts Asset CleanUp Pro removed unused CSS and JavaScript first part 13

After this, we can go and minify, combine and defer CSS and JavaScript files.

This is the CSS config I’m using with Asset CleanUp Pro:

Asset CleanUp Pro CSS optimisation

This is the JavaScript config I’m using with Asset CleanUp Pro:

asset cleanup logo strip fat and make WordPress fast

Asset CleanUp Pro JavaScript optimisation

Asset CleanUp Pro is a great WordPress caching plugin that can be used alone and get great speed but from my experience, the best is to pair it with WP Rocket, remove unused CSS and JavaScript, access the local and Google fonts and preload/pre-connect and let WP Rocket handle the caching, minifying, defer, lazy load, heartbeat, and add-ons.

asset cleanup logo strip fat and make WordPress fast