Hvad er minificering?

Minificering er at fjerne alt det fra CSS- og JavaScript-filer, som browseren ikke har brug for: linjeskift, indrykning, mellemrum og kommentarer. Variabelnavne bliver ofte også kortet ned, så beregnSamletPris bliver til a. Filen gør præcis det samme bagefter — den er bare mindre. Det er en af de rettelser, PageSpeed Insights peger på under “Minify CSS” og “Minify JavaScript”.

Hvad det reelt sparer

Her er det værd at være nøgtern. Minificering alene barberer typisk 10–30 procent af en CSS- eller JavaScript-fil. Det lyder af meget, men filerne bliver også komprimeret, når de sendes over nettet, og gzip og brotli er i forvejen gode til netop mellemrum og gentagelser.

Med komprimering slået til er den ekstra gevinst ved minificering ofte nede omkring 5 procent af det, der faktisk sendes. Det er stadig værd at tage med — det koster ingenting og har ingen ulemper — men det er ikke der, en langsom side bliver hurtig.

Vil du flytte noget, så se på mængden af kode i stedet for på formatteringen. En side, der henter 900 kB JavaScript, bliver ikke hurtig af at hente 850 kB. Den bliver hurtig af ikke at hente de 700 kB, der aldrig bruges. Se render-blocking ressourcer og TBT.

Minificering, komprimering og sammenlægning

De tre bliver blandet sammen, og de er ikke det samme:

• Minificering ændrer selve filen: tegn, der ikke betyder noget, ryger ud.
• Komprimering sker under transporten. Serveren pakker filen med gzip eller brotli, og browseren pakker den ud. Filen på disken er uændret.
• Sammenlægning samler flere filer til én. Det gav mening på HTTP/1.1, hvor hver fil kostede en forbindelse. På HTTP/2 og HTTP/3 hentes filerne parallelt, og sammenlægning kan i dag gøre mere skade end gavn — én stor fil skal hentes helt, før noget af den kan bruges, og en enkelt rettelse ugyldiggør hele filens cache.

Kontrollér at komprimering overhovedet er slået til, før du bruger tid på minificering. Det er den af de tre, der flytter mest, og den mangler oftere end man skulle tro.

Sådan gør du det i WordPress

De fleste cache-plugins kan minificere. Slå det til, og gennemgå så siden bagefter — det er ikke noget, man sætter til og glemmer.

Minificering kan nemlig godt gå galt. JavaScript, der mangler et semikolon, kan sagtens køre, når der er linjeskift, og holde op med at virke, når linjeskiftene forsvinder. Det viser sig som en slider, der ikke ruller, eller en menu, der ikke folder ud. Test forsiden, en produktside og kassen, hver gang du ændrer på indstillingerne.

Og kør kun ét plugin til det. To plugins, der begge minificerer, ender med at behandle hinandens output. Se hvad er caching og fremgangsmåden under hurtigere WordPress.

Ofte stillede spørgsmål

Er minificering det samme som komprimering?

Nej. Minificering ændrer filen, komprimering pakker den under transporten. De virker fint sammen, men komprimering er den, der sparer mest.

Kan minificering ødelægge min side?

Ja, det sker. Fejlen ligger som regel i JavaScript fra et plugin eller et tema, som ikke tåler at blive omskrevet. Derfor skal du altid klikke siden igennem bagefter — særligt formularer, sliders og kassen.

Skal jeg også minificere HTML?

Det kan du godt, men gevinsten er lille, fordi HTML’en i forvejen komprimeres og ofte er den mindste af filerne. Tag CSS og JavaScript først.