Tutorial: How to make WordPress fast by configuring Asset CleanUP Pro properly
Asset CleanUP Pro features:
- Minify, combine + defer or inline CSS
- Inline CSS for files smaller than some KB value
- Easy CDN configuration
- HTML cleanup
- Preload local fonts
- Combine Google Fonts and load async and pre-connect
These are the plugin usage preferences that I’m using:
I’m not using any CDN because I’ve had big problems with the Cloudflare free plan and if your website has enabled http/2 protocol server push cache, it can be configured only with a $200 package or up. The CDN is disabled for me, but 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.
These are Myhostingfacts Site-wide common site unloads:
I disabled jQuery Migrate site-wide because I’m using Avada theme and they are constantly having updates, so I need to be sure that every change will work.
HTML Source CleanUp:
Avada is using icomoon.woff file to draw social media icons. This 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. Quite a nice tip.
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.
There are two main options for Google fonts, either you combine them and preload or remove them totally. You can remove Google fonts only if you are hosting the fonts locally. The Google font URLs can be found easily in the GTmetrix waterfall section.
You need to know about the theme, the plugins, or even custom code how and when you need to load. If you don’t know the theme or the plugins, copy the handle name and search in Google, you will find what is that file doing and you will know if you need to unload or not.
This is the CSS config that I’m using with the help of Asset CleanUp Pro: