As you can see, currently my blog is getting a whopping 100/100! Also it looks nice, well, that’s in my opinion. But, still…
First things first, you need to enable gzip. You can either use a plugin for that or if you have plesk and using nginx, go to Apache & Nginx settings and apply the following code:
I’ve installed bunch of plugins and did some dirty work. I’ll be honest, but it works.
Here’s the plugins that you’re going to need:
- Disable Google Fonts (I’ll explain what’s up later.)
- Font Organizer. (This one is related with the above one.)
- Google WebFont Optimizer. (This is where it gets funny.)
That’s all. Open Autoptimize, don’t forget to press “Show advanced settings” and select:
- Optimize HTML code.
- Also aggregate inline JS.
- Optional: Remove the content of the exclude scripts from box. (May cause problems.)
- Optimize CSS code.
- Also aggregate inline CSS.
- Inline and defer CSS.
- Select both Misc options in the bottom.
- Go to Settings tab.
- Method async.
- jQuery method is also async.
- Check box, enable Autoptimize support.
- Make sure that jQuery method is set to async.
- Save Settings.
Done! Now, about the fonts, if you’re not using Google Fonts, forget about it. Your website should be already optimized. If it’s not, leave a comment below. I’ll explain how to fix Google Fonts insights score in another post. I’ll also explain “leverage browser caching” issue later. You don’t need fancy caching plugins for these. Few .htaccess tricks will do. Until then, stay awesome! See you! (I’ll give links to the updated conent when they’re available, right here.)