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?

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

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

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 66,9%.

Tjek GZIP-komprimeringsværktøjet

Tjek GZIP-komprimeringsværktøjet

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.

Tjek GZIP-komprimering på CDN

Tjek GZIP-komprimering på CDN

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

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

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

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>.

15
Delinger