For at opnå hurtige belastningstider på dit WordPress-websted er det vigtigt at reducere størrelsen af dine sider. Dette kan betyde forskellen mellem et websted, der laster på under 1 sekund og et, der føles som det kravler afsted. Aktivering af GZIP-komprimering kan medvirke til at reducere størrelsen på din webside, hvilket kan reducere mængden af tid til at hente ressourcen væsentligt, reducere dataforbruget til klienten og forbedre tiden til at køre dine sider første gang.
Alle moderne browsere understøtter det og forhandler automatisk GZIP-komprimering til alle HTTP-anmodninger. I dag skal vi dele informationer med dig, om hvordan du kontrollerer og aktiverer GZIP-komprimering på din webserver.
- Hvad er GZIP-kompression?
- Sådan kontrolleres, om GZIP-komprimering er aktiveret
- Sådan aktiveres GZIP-komprimering
Hvad er GZIP-kompression?
GZIP er et filformat og et softwareprogram, der bruges til filkomprimering og dekompression. GZIP kompression er aktiveret server-side, og giver mulighed for yderligere reduktion i størrelsen på din HTML, stylesheets og JavaScript-filer. Det virker ikke på billeder, da disse allerede er komprimeret på en anden måde. Nogle har set op til 70% reduktioner på grund af komprimering. Det er nok en af de nemmeste optimeringer, du kan gøre, når det kommer til WordPress.
Komprimering er processen med kodning af information ved hjælp af færre bits. — Ilya Grigorik, Google
Når en webbrowser besøger et websted, kontrolleres det for at se, om webserveren har GZIP aktiveret, ved at se, om svarheaderen “content encoding: gzip” findes. Hvis overskriften er registreret, tjener den op for de komprimerede og mindre filer. Hvis ikke, tjener de de ukomprimerede filer. Hvis du ikke har GZIP aktiveret, vil du højst sandsynligt se advarsler og fejl i hurtighedsprøvningsværktøjer som Google PageSpeed Insights og GTmetrix.
GZIP Advarsel i Google PageSpeed Insights
Som du kan se, siger Google, at komprimering af ressourcer med GZIP eller deflate kan reducere antallet af byte sendt over netværket.

Aktivér komprimeringsadvarsel i Google PageSpeed Insights
GZIP Advarsel i GTmetrix
GTmetrix har også en anbefaling til at muliggøre GZIP-kompression for at reducere overføringsstørrelsen af de statiske ressourcer.

Aktivér GZIP-komprimeringsadvarsel i GTmetrix
Sådan kontrolleres, om GZIP-komprimering er aktiveret
GZIP er meget almindelig i dag, og det er som standard aktiveret på alle Kinstas servere. Du behøver ikke bekymre dig om GZIP-browsersupport, som mange har støttet det i over 17 år. Her er en liste over browsere, som kan håndtere “HTTP-responshovedet” content-encoding: gzip “:
- Internet Explorer 5.5+ (juli 2000)
- Opera 5+ (juni 2000)
- Firefox 0.9.5+ (oktober 2001)
- Chrome (snart efter lanceringen i 2008)
- Safari (snart efter første lancering i 2003)
Hvis du kører på en anden WordPress-vært, skal du dog altid kontrollere, at den er aktiveret, da serveradministratorer ofte overser denne optimering. Der er et par hurtige måder at kontrollere for GZIP-komprimering:
1. Kontroller GZIP-komprimeringsværktøjet
Den første og hurtigste måde at kontrollere, om GZIP-komprimering er aktiveret på dit websted er, at simpelthen gå over til det gratis Check GZIP-komprimeringsværktøj. Du skal blot indtaste dit websted og klikke på søgningen. Det returnerer det beløb, der blev gemt ved at komprimere siden med GZIP. Eller det vil returnere en fejl, så du kan vide, at GZIP ikke er aktiveret. Som du kan se i vores test nedenfor, sparer vi 78,27%.
Og husk at GZIP også gælder for dine statiske aktiver. Hvilket betyder, at hvis du betjener aktiver fra en CDN, vil du gerne sikre, at de også har GZIP-komprimering aktiveret. Alle moderne CDN-udbydere understøtter GZIP-komprimering, såsom Kinsta CDN, Cloudflare, KeyCDN og CloudFront. Du kan også nemt teste dette ved blot at køre et af dine CSS- eller JavaScript-filer på din CDN via værktøjet.
2. GZIP-indholds-kodende HTTP-responsoverskrift
Den anden måde at kontrollere er, at kontrollere om HTTP-responsoverskriften “Content-Encoding: Gzip” er aktiv på dit websted. Dette er, hvad browseren ser efter, når den sender en forespørgsel til serveren. Du kan åbne Chrome Devtools og se på din første responsoverskrift under netværksafsnittet.

Content-Encoding: Gzip HTTP-respons header
Du kan også klikke på “view large requests” og det vil vise dig den oprindelige og komprimerede størrelse på siden. Som du kan se nedenfor var den oprindelige side 51,6 KB, og den komprimerede GZIP-version er 17,7 KB.

Se komprimeret sidestørrelse i Chrome Devtools
Sådan aktiveres GZIP-komprimering
Hvis du ikke har GZIP-komprimering aktiveret, er der et par måder, du kan gøre for at aktivere det på din webserver.
Aktivér GZIP med WordPress-plugin
Den første og en af de letteste er ved at bruge et caching-plugin, der understøtter aktivering af GZIP. WP Rocket tilføjer f.eks. GZIP-komprimeringsregler i din .htaccess-fil automatisk ved hjælp af mod_deflate-modulet. W3 Total Cache har også en mulighed for at aktivere dette for dig under dens præstationsafdeling. Selvom disse er plugins, afhænger dette stadig af tilladelser til at ændre filer på din webserver. Hvis dit caching-plugin ikke har tilladelse, skal du spørge din vært eller bruge et kodestykke nedenfor.
Aktivér GZIP på Apache
Den anden måde at aktivere Gzip-komprimering på, er ved at redigere .htaccess-filen. De fleste delte værter bruger Apache, hvor du blot kan tilføje koden nedenfor til din .htaccess-fil. Du kan finde din .htaccess-fil i roden af dit WordPress-websted via FTP.
Vigtigt: Sørg for, at mod_filter er indlæst på din server, ellers vil AddOutputFilterByType
direktivet ikke virke og kunne forårsage en 500 fejl. Vi anbefaler, at du kontrollerer dine fejllogfiler, hvis du har problemer med koden nedenfor.
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
Sørg for, at du føjer det under det nuværende indhold af din .htaccess-fil. Eksempel nedenfor:

Eksempel på GZIP Apache. Htaccess-kode
Aktivér GZIP på NGINX
Hvis du kører på NGINX, skal du blot tilføje følgende til din nginx.conf-fil.
gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
Aktivér GZIP på IIS
Hvis du kører på IIS, er der to forskellige typer kompression, statisk og dynamisk. Vi anbefaler at tjekke Microsofts vejledning om, hvordan du aktiverer komprimering/a>.
Hvis du kunne lide denne vejledning, så vil du elske vores support. Alle Kinstas hostingplaner indeholder 24/7 support fra vores erfarne WordPress-udviklere og ingeniører. Chat med det samme team, der understøtter vores Fortune 500-kunder. Tjek vores planer