There are lot of ways to optimize your WordPress blog in order to improve its loading time. Recently, I took few steps and reduced blog loading time to less than 1 second.

Today, I am going to share you the best way to quickly reduce your blog loading speed.

  • Minifying a web page is one of the most common optimization strategy in web development.
  • JavaScript, CSS, HTML or any browser-side script can be minified for improved performance.
  • Once minified, the actual code/file size reduces to great extent and hence the files will be downloaded quickly from server to user.
  • You can also understand more about minification from PageSpeed Insights.

There are simple tools available to manually minify the resources. However, manually minifying them is a nightmare and painful job.

With WordPress, there are always handy ways to do complex work simpler.

To understand better, will see the basics first:

  • Minify: If you don’t know, minification is all about removing the unwanted comments, white-spaces, line breaks from the source code. By doing this, the size of the web page resources will be reduced to greater extent.
  • Combine: Apart from minification, the WordPress plugins also perform combining the resources into a single file – that means it reduces the number of HTTP requests from the user to server – leading to reduced loading time.
  • Compress: The combined resources shall be compressed (using gzip) to reduce the file size even further – there by, reducing the load time even more.

When I was looking to minify my blogs code, I short-listed these 5 plugins and tried them all.

Here it goes, the best WordPress plugins to minify HTML/JS/CSS resources in your WordPress blog.

1. Autoptimize

This is one of the simplest minify plugin. It doesn’t have any complex settings. All you have to check “Optimize HTML Code”, “Optimize JavaScript Code”, “Optimize CSS Code”.

This plugin minifies and also, caches the scripts. When you click “Advanced Settings”, you can exclude certain scripts that you don’t want to optimize. Also, there is an option to empty the cached scripts. Looks, it works with your CDN network also, though I haven’t tried that option.

Autoptimize also supports combining the scripts together into a single file.Autoptimize-WordPress-Plugin

Here at BlashO, Autoptimize is used and it greatly minifies the HTML/JavaScript/CSS code without breaking the web page.

Because, the most common problem when you minify is, the web page may break and won’t load correctly – you may face alignment issues.

With Autoptimize, there are no issues so far in BlashO.

2. Better WordPress Minify

This is one of the advanced minify plugin. You can minify JavaScript and CSS files only. I don’t see an option to minify HTML code. This plugin uses the PHP minify library and you can easily customize the minified script name. It has very good interface to exclude scripts from optimization, it nicely shows all the scripts used in the page.

It also supports script caching and also, works with famous CDN networks.better-wordpress-plugin

3. W3 Total Cache

This is one of the most commonly used WordPress cache plugin. It also has built-in minify feature. You can minify all three: HTML, JavaScript, CSS and also, it supports file combine. That means, it minifies and combines them into single file for faster loading.w3-total-cache-minify

You can also exclude files that you don’t want to minify. Further, this has an option to remove the new line – that means, it just puts the whole code in a single line or as a paragraph instead of usual line-after-line code hence giving addition optimization.w3-total-cache-minify-1

Recently, I migrated to SiteGround web hosting and interestingly, they have 3 different levels of cache supported on their server side only: static cache, dynamic cache, memcache.

Hence there is no need for the W3 Total Cache plugin – I have uninstalled it.

4. WP Fastest Cache

Yet another cache plugin with built-in minify feature. Same like W3 Total Cache, you can minify all the 3 types of code. It also has file combine feature and gzip compression to improve the loading time. If you are not a big fan of W3 Total Cache, you can go for this one.wp-fastest-cache

5. WP Minify Fix

Yet another simplest minify plugin, supports all the 3 sources. You can enable/disable each minification type and also, put the scripts that you want to exclude. The “Advanced Option” enables combining the minified file.

This plugin uses the standard PHP minify engine where it passes your files as input and gets back the minified one for serving. It also eliminates any duplicate codes from the source files.wp-minify-plugin

Conclusion.

Finally, I settled down with Autoptimize + SiteGround only, it worked well for my blog. However, you can give a try with all these plugins and decide, which minify plugin doesn’t break your design.

  • Because, when you minify the scripts, most of time you will end-up with some design break issues. This is little time consuming work and you have to try with multiple plugins one-by-one in order to find out the one that works well with your blog.
  • Once minified, your page loads quicker.

Note: BlashO.com loads almost less than 1 second.

Let me know, which minify plugin you are using in your blog ?

2017-11-07T19:27:23+00:00

About the Author:

I love-to-code, passionate-to-write, an upcoming author and WordPress enthusiast. I am the one who strongly believes in the Power of Mind. Connect with me @Twitter.

2 Comments

  1. The thing I like about Autoptimize is that it is very easy to configure. All it takes is to check few boxes and your wordpress site is instantlt optimized.

    • Ven Tesh - Reply

      Yes, that’s a simple plugin. Try W3 Total Cache, it has all level of optimizations available right from db level to JS/CSS level. Thanks for the comment.

Leave A Comment