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 I’m using:
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.
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.
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.
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 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.
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.
This is the CSS config I’m using with Asset CleanUp Pro: