CSS and Javascript minification refer to the process of removing unnecessary data without affecting how the resource is processed by the browser. e.g. code comments, removing unused code, using shorter variable and function names, and so on.

How to Minify CSS & JS

The Plugin WP Super Minify This plugin combines minifies, and caches inline JavaScript and CSS files on demand to speed up page loads, using Minify PHP Framework.

By activating this plugin, you will see the source of your HTML, inline JavaScript and CSS are now compressed. The size will be smaller and quite helpful to improve your page load speed as well as Google page speed and yslow grade (if you care).

To check whether this plugin works properly, simply view your site source or press Ctrl + U from your keyboard. At the end of the source, you should see the message something like: Total size saved: 11.341% | Size before compression: 27104 bytes | Size after compression: 24030 bytes. 

Installation Instructions:

  1. Upload the wp-super-minify folder to the /wp-content/plugins/directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. That’s it!
People reacted to this story.
Show comments Hide comments
Comments to: How to minify CSS and JavaScript in WordPress sites
  • August 15, 2018

    I’m definitely gonna give this plugin a try, thank you!

    • August 15, 2018

      Cool, let me know how it goes. I’m gonna compare it against a few of the other plugins that are similar.

Write a response