---
title: "Minification: wat minify doet met CSS en JavaScript"
description: "Minification is het verkleinen van code door spaties, regeleinden en commentaar weg te halen zonder de werking te veranderen."
canonical: https://www.keurigonline.nl/begrippenlijst/minification
last_modified: 2025-12-18
---

[Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst)

# Minification

Minification is het verkleinen van code door spaties, regeleinden en commentaar weg te halen zonder de werking te veranderen.

Minification, in het Nederlands minificatie, is het verkleinen van HTML-, CSS- en JavaScript-bestanden door alles weg te halen wat de browser niet nodig heeft. Denk aan spaties, regeleinden en commentaar die er alleen voor de leesbaarheid in staan. De code doet daarna precies hetzelfde, maar het bestand is kleiner.

Een minifier gaat vaak verder dan witruimte alleen. Bij JavaScript vervangt hij lange namen van variabelen door korte en haalt hij ongebruikte code weg. Zo wordt function berekenTotaal(prijs, aantal) bijvoorbeeld function berekenTotaal(a,b). Het resultaat is voor mensen bijna onleesbaar. Daarom laat je een tool als Terser dit meestal automatisch doen bij het bouwen van je site, en bewaar je zelf de leesbare versie.

Minification en compressie vullen elkaar aan. De bibliotheek jQuery 3.7.1 is als leesbaar bestand 285 kB groot en geminificeerd 88 kB. Met gzip erbij gaat de geminificeerde versie als ongeveer 30 kB over de lijn, terwijl de leesbare versie ingepakt nog 83 kB is. Lighthouse en PageSpeed Insights waarschuwen als je CSS of JavaScript niet geminificeerd is.

Op je hosting regelt LiteSpeed Cache voor WordPress dit met de opties CSS Minify, JS Minify en HTML Minify onder Page Optimization. Die staan standaard uit. Zet ze één voor één aan, leeg daarna de cache met Purge All en controleer of je site er nog goed uitziet. Verschuift de opmaak of werkt een menu niet meer, zet dan de laatst gekozen optie weer uit.

## Geschiedenis

Douglas Crockford bracht in 2001 [JSMin](https://www.crockford.com/jsmin.html) uit, een van de eerste minifiers voor JavaScript. Het programma haalde commentaar en overbodige witruimte weg, zonder de werking van de code te veranderen. Latere tools gingen verder en gaven ook variabelen kortere namen ([Wikipedia](https://en.wikipedia.org/wiki/Minification_(programming))).

Belangrijke mijlpalen:

- **2001:** Douglas Crockford publiceert JSMin
- **2007:** Yahoo! brengt YUI Compressor uit
- **2010:** Mihai Bazon introduceert UglifyJS
- **2018:** [Terser](https://github.com/terser/terser) ontstaat als afsplitsing van uglify-es en haalt UglifyJS in 2020 in qua dagelijkse downloads
- **December 2024:** Ecma International standaardiseert source maps, waarmee je geminificeerde code naar de leesbare bron terugleidt, als [ECMA-426](https://ecma-international.org/publications-and-standards/standards/ecma-426/)

## Bronnen

1. **MDN Web Docs** - [Minification](https://developer.mozilla.org/en-US/docs/Glossary/Minification)
2. **Chrome for Developers** - [Minify JavaScript](https://developer.chrome.com/docs/lighthouse/performance/unminified-javascript)
3. **Chrome for Developers** - [Minify CSS](https://developer.chrome.com/docs/lighthouse/performance/unminified-css)
4. **LiteSpeed Technologies** - [Page Optimization \| LSCache for WordPress](https://docs.litespeedtech.com/lscache/lscwp/pageopt/)
5. **Wikipedia** - [Minification (programming)](https://en.wikipedia.org/wiki/Minification_(programming))

## Gerelateerde artikelen

WordPress 3 feb 2026

[Cache plugins test 2026: 8 populaire WordPress cache plugins vergeleken](https://www.keurigonline.nl/blog/cache-plugins-vergelijking-2026)

**Sterktes:**

- Beste REST API performance (108ms — 2.3x sneller)
- Meeste features: image optimization, lazy loading, CSS/JS minification
- Op LiteSpeed servers server-level caching

**Zwaktes:**

- Op Apache/Nginx servers niet de beste (rank #4)
- Hogere TTFB (79.42ms) dan top 3

Hosting 27 dec 2025

[Website snelheid testen: 5 beste tools (+ wat de cijfers betekenen)](https://www.keurigonline.nl/blog/website-snelheid-testen-5-beste-tools)

1. **Reduceer JavaScript** — Verwijder ongebruikte code, defer non-critical scripts, code splitting.
2. **Implementeer critical CSS** — Inline above-the-fold CSS, defer de rest.
3. **Enable compression** — Gzip/Brotli compressie en minification.
4. **Optimaliseer afbeeldingen**

    - Gebruik moderne formaten (WebP, AVIF)
    - Lazy loading voor off-screen afbeeldingen
    - Specificeer width en height attributen (voorkomt CLS)
    - Responsive images met srcset

WordPress 10 dec 2025

[Je WordPress sneller maken in 2026](https://www.keurigonline.nl/blog/wordpress-sneller-maken)

1. Check Google Search Console voor errors

Geen staging environment? Update één ding per keer. Test direct daarna.

### 6. Minify zonder testen: CSS/JS breaking

**De fout:** Je zet CSS/JS minification aan en klikt "Save". Je test niet.

**Waarom het fout is:** Minification kan code breken. Vooral als je theme slecht gecodeerd is.

**Symptomen van gebroken minify:**