HTMLminifiering

HTMLminifiering är processen att reducera storleken på HTML-dokument genom att ta bort onödiga tecken utan att förändra dokumentets funktion eller utseende. Genom minifiering minskar mängden whitespace, kommentarer och andra element som inte påverkar hur sidan renderas. Målet är snabbare nedladdning och bättre prestanda, särskilt över begränsade nätverk eller på mobila enheter. Minifiering skiljer sig från komprimering, eftersom den görs före överföring och resulterar i mindre filstorlekar, medan komprimering (till exempel gzip) används under överföringen.

Tekniker som ofta används vid HTMLminifiering inkluderar att ta bort kommentarer och onödig whitespace, sammanfoga eller ta bort tomma textnoder, ta bort redundanta attribut och taggar samt konvertera vissa uttryck till kortare alternativ där det är möjligt utan att påverka semantik eller tillgänglighet. Viktiga hänsyn gäller bevarande av innehåll i script- och stilblock, dataattribut och andra delar som kan vara känsliga för förändringar eller eventuella tolkningar av tolkning av HTML-strukturen. För HTML5 görs ofta bevarande av vissa obligatoriska taggar och respekterande av pre- och code-sektioner samt inline-skript och JSON-ld.

Verktyg och implementationer varierar men vanliga verktyg inkluderar npm-baserade HTML-minifierer samt byggverktyg som Webpack, Gulp och Grunt som kan köra minifieringen som en del av en byggpipeline. Konfigurationsalternativ som removeComments, collapseWhitespace, removeOptionalTags och minifyJS/minifyCSS gör det möjligt att anpassa processen.

Användning av HTMLminifiering rekommenderas tillsammans med serverbaserad komprimering och caching för att uppnå största effekt, samtidigt som man testar noggrant i olika webbläsare för att säkerställa att rendering och funktionalitet bevaras.