Compressing the contents of your sites can decrease file sizes, use less bandwidth, and significantly speed up page load times.
We’re going to go over how to compress CSS, JavaScript, and image files without having them lose any functionality.
CSS
For CSS compression we recommend using Clean CSS, a free online tool to compress your CSS.
Here’s the recommended settings for max compression:
JavaScript
Google offers an amazing JavaScript compressor called the Closure Compiler. Not only can it remove white space, but it can intelligently make variable names shorter, and even optimize code.
They offer three levels of optimization: Whitespace only, Simple and Advanced. You can see which is right for you at the FAQ.
Images
Images can also be compressed without losing any quality at all. It is a no-brainer to compress all of your website’s images.
I personally like Yahoo!’s Smush.it service. It allows you to compress up to 5 images at a time for free!
We hope that you’ll use compression in the future, after all, it’s your visitors that will be the ones thanking you!
2 Trackbacks
[...] Compress Your Sites [...]
[...] not gonna go about the details of doing this because I just wrote an article about compression but it’s an easy step which can save you a lot of bandwidth and your visitors a lot of [...]