HTML, CSS en JavaScript verkleinen
Minify verkleint het document dat naar de browser gaat: overbodige witruimte, commentaar en lege regels vallen weg. Is de paginacache actief, dan gebeurt dat al bij het wegschrijven van het bestand, anders via een uitvoerbuffer in de frontend.
De drie schakelaars
- In de linker zijbalk onder ‘Snelheid’ staat het onderdeel ‘Minify’ — daar staan de drie schakelaars onder elkaar.
- ‘HTML minimaliseren’ verwijdert HTML-commentaar, waarbij voorwaardelijke IE-commentaren blijven staan, en kort de witruimte tussen tags in, evenals meervoudige spaties in de tekst. Standaard ingeschakeld.
- ‘Inline-CSS minimaliseren’ maakt <style>-blokken compacter: commentaar weg, witruimte samengetrokken, tekens rond { } : ; , ingekort. Standaard uitgeschakeld.
- ‘Inline-JS minimaliseren’ maakt inline-<script>-blokken regel voor regel compacter. Standaard uitgeschakeld.
Wat onaangeroerd blijft
- Externe scripts met src-attribuut; daar staat alleen het adres en geen code
- Scriptblokken met een afwijkend type, zoals JSON-LD als application/ld+json
- Inhoud in <pre> en <textarea>
- CSS-commentaren die met /*! beginnen
De JS-minimalisatie trekt geen tokens samen. Ze verwijdert alleen lege regels en inspringingen van echte scriptblokken, zodat de automatische puntkomma-aanvulling van JavaScript niets kapotmaakt.
Wanneer de uitvoerbuffer aangrijpt
Zonder paginacache wordt er alleen bij GET-aanvragen in de frontend gebufferd; het beheergedeelte en feeds blijven buiten beschouwing. Een uitvoer wordt pas vanaf 255 tekens bewerkt en alleen als ze een afsluitende </html> bevat. Staan alle drie de schakelaars uit, dan blijft het document onveranderd.
Bij een actieve paginacache loopt de minimalisatie alleen voor aanvragen die ook gecachet mogen worden. Ingelogde gebruikers en uitgesloten adressen krijgen dan onveranderde HTML.
Vond je dit artikel nuttig?