We are in final stages of finalizing our code for our open alpha. I am researching ways to improve the page load time and am looking at http://webjackalope.com/fast-page-load-time/<p>The article suggests to compress JS and CSS files, and I am feeling that we should compress our javascript files because we have lots them.<p>What worries me though is if something will break. Even if we try to test again, the application has lot of functions and testing would take time and at this moment I need to concentrate on hosting setup than application testing.<p>I've never done it, so want to understand the risks involved. Also if you can suggest best compression tools that would be great.<p>Thanks in advance,
There aren't really any risks involved aside from the fact that most (all?) compressors expect well-formed scripts, and thus can break ones that don't meet standards.<p>A common way to do compression that will give you a similar effect is to gzip content from the web server.
One thing that has bitten me a couple of times is that CSS compression can muck up your styles if you depend on the order of the CSS rules. Compression will sometime change the order of the rules.
Minify JS, don't compress it. Same goes for CSS compression tools. They all have a potential to give you soooooooooo many headaches for very little gain. Instead, enable gzip compression.
Try PackR for your JavaScript (and then gzip it, obviously).<p><a href="http://github.com/jcoglan/packr/tree/master" rel="nofollow">http://github.com/jcoglan/packr/tree/master</a>