Minification

Minification is the process of removing unnecessary characters — extra spaces, line breaks, comments meant for other developers — from a website’s CSS and JavaScript files, producing a smaller file that a browser downloads and runs faster, without changing what the code actually does.

Why minification is invisible to a visitor

Minified code, the output of minification, runs identically to its unminified version; the removed characters exist only to make the code easier for a person to read, not for a browser to execute. A minified file looks close to unreadable to a human glancing at it, which is expected and not a sign of anything being broken.

Why it is a genuine, if small, performance contributor

Every kilobyte a browser has to download before a page becomes usable adds to loading time and bandwidth usage, and CSS and JavaScript files can be a meaningful share of a page’s total weight, particularly on a site using a page builder or a large number of plugins that each add their own script and style files. Minification is one of several small, cumulative performance techniques — alongside concatenation (combining multiple files into one to reduce the number of separate requests), serving files through a CDN, image compression and reducing unnecessary scripts — that together determine how a page performs, rather than a single fix on its own.

What to check to confirm minification is happening

Most modern build tools and platforms minify CSS and JavaScript files automatically as part of publishing a site, so it is worth confirming minification is actually happening (viewing a page’s source code will show either dense, minified files or clearly formatted, unminified code) rather than assuming it by default, particularly on an older or custom-built site.

What to do next

For where this kind of technical performance work, including minification and the related techniques above, sits in a project, web development services covers where it is typically scoped.