< Back to Blog home

UX Tip #64 JS/CSS optimisation – minification

ux_tips.png
An optimised technical solution increases performance and enhances User Experience.

A way to optimise your JS & CSS assets is to minify them. This technique complements concatenation well and lets you further reduce your asset load times. The gist of this technique is that we strip out a lot of the cruft in your JS/CSS assets—such as comments and whitespace—to reduce asset footprints and thereby reduce load times.

Browsers are just machines, they don’t necessarily care what your asset files look like, only that they are syntactically valid. Minifying your files has the potential of tremendous gains, for example a typical library we use—Normalize.CSS—goes from 7.28KB to 2.16KB, results in a 70% reduction in file size!