What is the importance of setting up proper JS and CSS minification?
What is a minification? Minification actually means removing all the unnecessary parts from your code in order to reduce bandwidth and load your site faster. Also, minification is usually related to combining larger number of similar documents into one which results in reducing a number of requests.
Minifying your code removes:
- New line characters
- White space characters
- Block delimiters
There are large number of plugins for JS and CSS minification, and large number of blog posts that explain various techniques to do this.
On the other hand, there are no actual stats on real web sites to show positive effects of proper minification.
We decided to do a small experiment, on our web site, and this post is simply presenting the actual results.
Note: It’s important to understand that there is no substitute for proper maintenance of your web site.