CSS and JavaScript compressor

Pingates have great for pressing all the files together into one big gumball. I tried to compress the files below and got almost a 99% reduction in filesize (with no GZipping). I am going to revert to the original files but its worth noting that compression is worthwhile. I will be taking out the image though, bandwidth sucking visual impairments!

The files:

  • nostatus.com/wp-content/themes/k2/js/prototype.js.php?ver=1.5.0
  • wp-includes/js/scriptaculous/effects.js?ver=1.6.1

It’s worth doing, check the snapshot of nostatus.com:

Documents (1 file) = 6 kb (26 kb uncompressed)
http://nostatus.com/ = 6 kb (26 kb uncompressed)

  • Images (19 files) = 36 kb
  • /nostatus.com/wp-content/themes/k2/images/headers/skate.jpg = 26 kb
  • /nostatus.com/wp-content/plugins/share-this/windows_live.gif = 3 kb
  • /nostatus.com/wp-content/plugins/share-this/stumbleupon.gif = 1 kb
  • /nostatus.com/wp-content/themes/k2/images/time.png = 964 bytes
  • /nostatus.com/wp-content/themes/k2/images/feed.png = 774 bytes
  • /nostatus.com/wp-content/themes/k2/images/pencil.png = 551 bytes
  • /nostatus.com/wp-content/themes/k2/images/comment.png = 532 bytes
  • /nostatus.com/wp-content/plugins/share-this/google_bmarks.gif = 452 bytes
  • /nostatus.com/wp-content/plugins/share-this/blinklist.gif = 447 bytes
  • /nostatus.com/wp-content/plugins/share-this/netscape.gif = 428 bytes
  • /nostatus.com/wp-content/plugins/share-this/magnolia.gif = 408 bytes
  • /nostatus.com/wp-content/plugins/share-this/reddit.gif = 406 bytes
  • /nostatus.com/wp-content/plugins/share-this/tailrank.gif = 351 bytes
  • /nostatus.com/wp-content/plugins/share-this/yahoo_myweb.gif = 346 bytes
  • /nostatus.com/wp-content/plugins/share-this/digg.gif = 247 bytes
  • /nostatus.com/wp-content/plugins/share-this/furl.gif = 245 bytes
  • /nostatus.com/wp-content/plugins/share-this/technorati.gif = 245 bytes
  • /nostatus.com/wp-content/plugins/share-this/delicious.gif = 89 bytes
  • /nostatus.com/wp-content/plugins/share-this/newsvine.gif = 85 bytes

Objects (0 files)

  • Scripts (6 files) = 58 kb (126 kb uncompressed)
  • /wp-includes/js/scriptaculous/effects.js?ver=1.6.1 = 32 kb
  • /nostatus.com/wp-content/themes/k2/js/prototype.js.php?ver=1.5.0 = 16 kb (70 kb uncompressed)
  • /wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.6.1 = 4 kb (16 kb uncompressed)
  • /nostatus.com/wp-content/plugins/share-this/share-this.php?akst_action=js = 3 kb
  • /nostatus.com/wp-content/plugins/quoter/quoter.php?js=1 = 2 kb
  • /nostatus.com/wp-content/themes/k2/js/k2functions.js.php?ver=2 = 231 kb (3 kb uncompressed)
  • Style Sheets (4 files) = 24 kb
  • /nostatus.com/wp-content/themes/k2/style.css = 17 kb
  • /nostatus.com/wp-content/plugins/wp-gbcf/wp-gbcf_themes/custom.css = 4 kb
  • /nostatus.com/wp-content/plugins/share-this/share-this.php?akst_action=css = 3 kb
  • /nostatus.com/wp-content/themes/k2/css/print.css = 651 bytes

Total = 124 kb (212 kb uncompressed)

Further reading: CSS: The Definitive Guide,JavaScript: The Definitive Guid and WordPress 2: Visual QuickStart Guide.

2 Replies to “CSS and JavaScript compressor”

Leave a Reply

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