My website PageSpeed insight results.

My website PageSpeed insight results.

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:

gzip on;
gzip_disable "msie6";

gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

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:

  • Autoptimize
  • Async JavaScript
  • 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.
  • Optimize JavaScript 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.

Okay, we’re done with this one. Now, open Async JavaScript.

  • Go to Settings tab.
  • Enable, Async JavaScript.
  • 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.) 

Speed effect to face.

Your website after optimizations.

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts


Operator overloading! (C++)

Press on this button to view the code on DumanDOCS! Where you can find code examples to support the understanding. Why do we need operator overloading? To make operators work in a way that we want, obviously. Read more…


What’s up with `virtual` keyword? (C++)

Press on this button to view the code on DumanDOCS! Where you can find code examples to support the understanding. Let’s say that we have 2 classes like shown below. Which triangle inherited it’s area Read more…