Compress JavaScripts with WP-Minify


For many webmasters, one big problem they face is having JavaScript and CSS files that occupy a larger space. Anyone using the WordPress would have come across this situation too,. where you can find jQuery scripts taking more than 50 KB of your space. However these scripts can be compressed (to a greater extent).

Compress Javascripts & CSS in WordPress

If you are using the WordPress platform, I suggest you got to Install WP-Minify, a plugin that is especially designed to compress the Javascripts in your website. Follow the below procedure to get started with compressing the Javascripts and CSS files.

  • Download WP-Minify Plugin from here
  • Install WP-Minify Plugin and activate the same
  • This is a sample screenshot of the WP-Minify Plugin
    wp minify Compress JavaScripts with WP Minify

    WP Minify Settings Page

  • WP Minify can compress both JavaScripts as well as CSS files.
  • We can restrict WP-Minify from compressing the files by , specifying in the Exclude Textbox.
  • External Scripts are better not to be cached with WP-Minify , so exclude them in the list, you can see the Alexa Badget , Infolinks and Technorati media excluded from the compression list.
  • You would have noted “Up to 37565 bytes could have been saved through compression. ” in jquery file, ie, this particular file alone can be compressed to save around 35Kb.

Example:

Download Time after using WP-Minify

Download time before using WP-Minify

Download time before using WP-Minify

wp minfy after Compress JavaScripts with WP Minify

Download time after using WP-Minify

Object Size after using Wp-Minify

size wp minify Compress JavaScripts with WP Minify

Size of Objects before using WP-Minify

wp minify size Compress JavaScripts with WP Minify

Size of Objects before using WP-Minify

Click here to download WP-Minify

12 Responses

  1. looks like this compression plugin can increase the site loading times a lot, will give it a try soon, thanks,
    .-= Everyday Techies´s latest blog ..How to Delete Internet History =-.

  2. TechChunks says:

    Not sure about CSS, but I will give it a try to compress my javascripts. But again, compressing javascripts like Adsense code can result in your account ban. SO I better be careful. :P
    .-= TechChunks´s latest blog ..Control Gecko With Your Fingertips: GTA Chinatown Wars on iPhones [Video Game Review] =-.

  3. Chethan says:

    Nice Way to Compress Javascript and CSS files!
    Thanks Ram
    .-= Chethan´s latest blog ..A Complete Guide on Assembling a Gaming PC =-.

  4. how to ollie says:

    Good post… I’m always on the lookout for good blogs.

  5. i also had some small problems with these plugins… but its better to try them :D trying won’t hurt your site…… :D anyway, thanks for sharing bro!
    .-= Pubudu Kodikara´s latest blog ..Want to Completely Uninstall a Program Without Leaving Junk? =-.

  6. Tinh says:

    I have tried this but it conflicted with other plugins which has the same function. Thanks
    .-= Tinh´s latest blog ..How To Show Drop Caps Automatically in Thesis Theme =-.

Leave a Reply

© 2010 ByteChip – The Complete Technology Blog. All rights reserved.