En af de ting, du skal gøre for at gøre din hjemmeside hurtigere, er at aktivere WordPress Gzip-komprimering. Det er en afgørende aspekt fordi simpelthen sagt, hvis du vil have din hjemmeside For at være hurtigere skal størrelsen på de sider, du skal vise dine besøgende, være mindre.
Sådan ser advarslen "Aktiver Gzip-komprimering" ud på GTMetrix:
Det, dette gør, er i bund og grund dette:
Den beder serveren om at komprimere alle filerne, før de sendes til brugeren. Da filerne er mindre, tager det meget kortere tid at levere dem til brugeren, hvilket resulterer i en samlet hurtigere oplevelse for din bruger.
Dette er en ret høj anbefaling Google Page Speed Insights og foreslås på hjemmesideoptimeringssider som GTMetrix.
Lad os gennemgå hele processen med at kontrollere, om funktionen "Aktivér Gzip-komprimering" er aktiveret på dit websted. Vi viser dig derefter 3 måder at aktivere eller deaktivere den efter behov.
- Aktivér WordPress Gzip-komprimering via .htaccess-filer
- Aktivering via et WordPress Gzip-komprimeringsplugin
- Komprimering af filer på tværs af dine websteder ved hjælp af dine hosting CPanel-indstillinger.
Markér for Aktivér GZip-komprimering
Før du rent faktisk foretager nogen ændringer, bør du sandsynligvis kontrollere, om din hjemmesides Gzip-komprimeringsfunktion allerede er aktiveret for dit WordPress-websted.
Der er en hel del andre sider, der kan tjek om du har det aktiveret ved hjælp af dette værktøj or HTTP-komprimeringstest.
Kør din hjemmeside igennem testen.
Hvis du allerede har aktiveret det, behøver du ikke at gøre noget. Du får et flot resultat som det nedenfor, der viser dig, at dit websted. Hvis ikke, så læs videre.
Du kan også tjekke GZIP-komprimering ved hjælp af et plugin fra de samme personer, der har lavet værktøjet ovenfor. Du kan finde plugin'et link..
Alternativt, hvis du bruger Chrome-browseren, kan du vælge at kontrollere, om GZIP Content Encoding-headeren findes på dit websted.
Du kan tjekke dette ved hjælp af Udviklerværktøjerne under Vis > Udvikler > Udviklerværktøjer og skifte til fanen Netværk. Hvis du åbner den første anmodning og ruller ned til HTTP-headerne, vil du se noget som det nedenfor, hvis Aktiver Gzip-komprimering allerede er aktiveret.
Nu hvor du har bestemt, hvordan du tjekker det, viser vi dig en række måder, hvordan du aktiverer det.
Sådan aktiverer du GZip-komprimering
Det er meget, meget simpelt at aktivere komprimering af dine filer ved hjælp af indbyggede funktioner på din webserver - typisk behøver du kun at kende den korrekte syntaks for at aktivere funktionaliteten.
Der er faktisk flere måder at gøre dette på, så vi viser dig et par stykker, og du kan vælge den, du foretrækker eller fungerer bedst for dig. Husk, at før du foretager drastiske ændringer, anbefales det, at du tager en fuld WordPress-backup.
1. Aktivér WordPress Gzip-komprimering via .htaccess
En simpel måde at aktivere WordPress Gzip-komprimering på er ved at indstille et par direktiver i din .htaccess-fil.
Vi har allerede set måder at optimere webstedshastigheden på ved at udnytte browser-caching via din .htaccess-fil, så hvis du er tryg ved at rode rundt med din .htaccess-fil, så er dette metoden for dig.
Sørg for at have lavet en sikkerhedskopi af denne fil, da små fejl i filen vil ødelægge dit websted og få det til at gå ned med det samme. Lav en kopi af din nuværende version, før du forsøger at foretage ændringer, så du kan vende tilbage til den, hvis noget går galt, efter du har aktiveret gzip-komprimering.
Nedenstående (og de fleste af de muligheder, vi vil bruge) bruger funktionaliteten af mod_deflate som er et modul, der typisk er aktiveret på webservere, der drives af Apache-webserveren.
Tilføj følgende til din .htaccess-fil via din hostingservers CPanel / Filhåndtering
# komprimer tekst, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript 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 font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png
Når du har aktiveret ovenstående, skal du køre din hjemmeside gennem testen ovenfor igen.
Hvis du vil deaktivere funktionen, skal du selvfølgelig bare slette ovenstående linjer fra htaccess-filen. Hvis der er andre filer, du gerne vil komprimere, skal du også tilføje disse filtyper på en lignende måde som ovenfor.
NGINX og IIS:
Syntaksen for at aktivere GZip-komprimering på Nginx er lidt anderledes end for Apache ved hjælp af .htaccess. Du skal tilføje følgende tekst til din nginx.conf-fil, som svarer til .htaccess-filen på NGINX.
gzip til; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_vary til; gzip_types tekst/almindelig tekst/css tekst/javascript billede/svg+xml billede/x-ikon applikation/javascript applikation/x-javascript;
I IIS, dvs. webserveren der kører på Windows-maskiner, er det bedst at gøre det via IIS-grænsefladen. ved hjælp af denne vejledning fra Microsoft.
2. Aktivering af komprimering via et WordPress GZip-plugin
I betragtning af at du forsøger at gøre dit websted hurtigere ved at aktivere GZip-komprimering, har vi gode nyheder til dig.
Der er ét plugin, WP Rocket, som ikke kun gør det muligt at komprimere filer for at gøre dem mindre, men også udfører snesevis af andre optimeringer for at gøre dit websted hurtigere. Blandt de ting, som det håndterer godt:
- Aktivér GZIP-komprimering (selvfølgelig!)
- Aktivér browsercaching
- Aktivér billedoptimering (for at gøre dine billeder mindre og hurtigere)
- Muliggør lazy loading, således at billeder og andre tunge billeder kun indlæses, når der er behov for dem (on-demand)
- Integrerer med et CDN, så tunge ressourcer kan betjenes mere effektivt
- Fjerner alle gamle, døde eller ubrugte plugins og tabeller
- Aktiverer fil- og databasecache
- og masser af andre optimeringer
Selvom aktivering af GZIP-komprimering ikke er synlig på skærmbilledet nedenfor, er den aktiveret som standard og fuldstændig transparent i WP Rocket. Her er en række andre dashboardindstillinger, du finder i dette værktøj.
Pluginnet er ikke gratis, men det er investeringen værd i virkeligheden, fordi en hurtig hjemmeside er en fantastisk oplevelse, ikke kun for dig, men især for dine besøgende! Mest af alt aktiveres det bogstaveligt talt på få minutter og med et par klik!
Men før vi går videre, har vi en hurtig historie at dele. Indtil for et par måneder siden var vores hjemmeside ikke så hurtig, som vi ønskede. Vi havde lagt nyt indhold op meget ofte, men siden var lidt tung, så den tog lidt tid at indlæse. Nogle gange tog det 5 til 8 sekunder eller mere.
Og vi kunne ikke få det til at gå hurtigere, uanset hvad vi gjorde.
En skønne dag stødte vi på WP Rocket. Vi havde spildt så meget tid på at forsøge at gøre siden hurtig, at vi bare bed i det sure æble og købte pluginet. BOOM - sidens indlæsningshastighed går ned til under 2 sekunder!
(OpdateringDen seneste Google-opdatering har givet vores hjemmeside en stigning på 30% i organisk trafik - vi mener, at det meste af dette skyldes den hastighedsforøgelse, vores hjemmeside har fået takket være WP Rocket)
Ikke interesseret i dette? Læs videre, der er selvfølgelig andre måder at aktivere Gzip-komprimering på!
Hvis du vil bruge en metode, der muligvis er mindre teknisk, kan du bruge et WordPress Gzip-komprimeringsplugin. Kort sagt, i stedet for at skulle ændre filer med risiko for muligvis at ødelægge dit websted, hvis du laver en fejl, gør et plugin det meget nemmere at aktivere Gzip-komprimering.
Du kan enten lave en Google-søgning efter WordPress komprimeringsplugin ellers gå efter det simple Gzip Ninja hastighedskomprimering.
Som med alle WP-plugins er det en forholdsvis ligetil procedure at installere og aktivere plugin'et. Når du har gjort det, burde dit websted nu have WordPress Gzip-komprimering aktiveret.
3. Aktivér GZIP-sidekomprimering via CPanel
Udover at aktivere GZip-sidekomprimering på WordPress-niveau, kan du vælge at gøre dette på serverniveau - hvis det er muligt. Det betyder, at alle websteder, der hostes på din server, nu vil være fuldt gzip-aktiverede.
Følgende er de præcise trin for proceduren:
- Log ind på CPanel for din hjemmesidehosting
- Klik på ikonet "Optimer hjemmesiden"
- Vælg indstillingen "Komprimer alt indhold"
- Klik på Opdater indstillinger
- Test for kompression, og du er færdig!
Lad os se hele proceduren mere detaljeret og ved hjælp af skærmbilleder.
Find ikonet "Optimer hjemmeside" i dit Cpanel, og klik på det.
Når du er i Optimer Hjemmeside i CPanel, kan du vælge at "Komprimer Alt Indhold". Dette beder din server om at gzip-komprimere indholdet, før det sendes til den besøgende. Hvis dit WP-websted hostes her, kan du selvfølgelig være sikker på, at dit indhold også er gzip-komprimeret til WordPress.
Sådan deaktiverer du GZip-komprimering
Deaktivering af denne funktion er i høj grad blot et spørgsmål om at fortryde ovenstående ændringer. Så du kan enten fjerne al den ekstra kode, som vi har tilføjet til vores konfigurationsfiler, deaktivere plugin'et eller deaktivere funktionen "Optimer hjemmeside" i vores CPanel.
Du skal derefter køre testene igen for at kontrollere, om komprimering af filer er blevet deaktiveret.
Hvorfor aktiverer vi dette?
Som lidt baggrundsinformation, lad os se på, hvad der sker bag kulisserne, når en besøgende kommer til dit websted, og browseren begynder at kommunikere med webstedets webserver.
Lad os sige, at du kommer til www.collectiveray.com/index.ghtml - din browser starter en "samtale" med webserveren ved hjælp af HTTP-protokollen, som bruger anmodninger og svar.
- Brugerbrowser: Hej, må jeg GET filen /index.html
- Webserver: Ok, lad mig se om index.html er tilgængelig …
- Webserver: Ja, her er den (200 OK). Jeg er ved at begynde at sende filen, som er omkring 50 KB stor.
- Brugerbrowser: 50KB? Okay, jeg venter på det ... venter, venter ... fantastisk, den er indlæst.
Som du kan forestille dig, er dette en forenklet beskrivelse af, hvad der sker, men hvis du vil, kan du bruge Chrome Dev-værktøjerne, som vi beskrev ovenfor, til at overvåge præcis, hvad der sker.
Det virker, og du får din fil. Denne proces sker igen og igen, indtil du får alle de filer, der udgør den URL, du anmodede om.
Men selvom systemet fungerer, er det ikke særlig effektivt at sende 50 KB tekst. Husk, at denne proces sker flere gange, sandsynligvis hundredvis af gange for hver side, du besøger. Og selvom 50 KB måske ikke lyder af meget, begynder den kumulative effekt af at sende alle de forskellige filer at ophobe sig.Bemærk at protokoller som HTTP/2 har forbedret denne proces betydeligt)
Sandheden er, at de fleste tekster som HTML-, CSS- og JS-filer på en hjemmeside er ineffektive i deres natur, fordi de er læsbare for mennesker og lavet til forbrug for både mennesker og maskiner - men de er slet ikke effektive i deres rå form.
Så hvad kan vi gøre for at forbedre denne proces? Zippe den, selvfølgelig! Zippe er i bund og grund processen med at kode filen, så den tekst, der skal sendes, bliver mindre, uden at miste nogen af de oplysninger, den indeholder.
Og ved at sende en komprimeret version af de filer, vi skal sende, sparer vi både båndbredde og downloadtid. Browseren pakker derefter filen ud eller dekomprimerer den og viser den til brugeren, som er mere tilfreds, fordi siden indlæses hurtigt.
Lad os se på, hvordan den nye samtale mellem webserveren ser ud:
- Brugerbrowser: Hej, må jeg GET filen index.html? Jeg vil med glæde bruge en komprimeret version, hvis du har en.
- Webserver: Ok, lad mig se om index.html er tilgængelig …. Jeg sender dig en komprimeret version så!
- Webserver: Ja, her er den (200 OK). Jeg er ved at komprimere filen, som er omkring 5 KB stor. Færdig, jeg er ved at begynde at sende den.
- Brugerbrowser: Fantastisk! Den er kun 15 KB. Jeg dekomprimerer den og viser den til brugeren.
Som vi har påpeget flere gange og i forskellige artikler, små sider der indlæses hurtigt = glade brugere!
Formlen er enkel: Mindre fil = hurtigere download = glad bruger.
Kodningsoplysninger
Den vigtige del af denne udveksling eller samtale mellem brugerens browser og serveren er at forstå, at det er i orden at levere en zip-fil. Kontrakten eller aftalen har to dele.
-
browseren sender en header som viser webserveren, at browseren accepterer komprimeret indhold (gzip og deflate er to almindeligt tilgængelige komprimeringsordninger):
Accept-Encoding: gzip, deflate -
webserveren sender et svar hvis den sender indhold, der faktisk er komprimeret:
Content-Encoding: gzip
Serveren sender muligvis ikke svarheaderen for indholdskodning, hvilket betyder, at filen ikke blev komprimeret (dette er standardadfærden på de fleste servere). Headeren "Accept-encoding" er blot browserens anmodning om at acceptere zip-filer, ikke en anmodning. Hvis serveren ikke har aktiveret denne funktion eller ikke ønsker at sende komprimeret indhold tilbage, bruger browseren den almindelige ukomprimerede version.
Ofte stillede spørgsmål
Hvad er kompression?
Gzip- eller Broltli-komprimering er processen med at kode de filer, der skal sendes fra webserveren til en besøgendes browser, på en sådan måde, at de bliver mindre (og dermed hurtigere) at levere til slutbrugeren. Den tid, det tager for serveren at komprimere dette indhold, og for browseren at dekomprimere det, er normalt meget kortere end den tid, der opnås takket være den mindre størrelse. Dette skyldes, at internetforbindelser har en meget større latenstid (påvirkning af ydeevnen) end den CPU-tid, der kræves for at komprimere/dekomprimere indhold.
Skal jeg aktivere GZIP-komprimering?
Ja, du bør aktivere GZip-komprimering på din hjemmeside. Dette kræver meget lidt indgriben eller ændringer, er meget nemt at implementere, har ringe indflydelse på indholdet af din hjemmeside, men giver en massiv forbedring af hastigheden på din hjemmesides ydeevne.
Hvordan aktiverer jeg GZIP-komprimering i CPanel?
For at aktivere GZip-komprimering i CPanel skal du blot søge efter funktionen "Optimer websted" og aktivere "Komprimer alt indhold".
Hvordan tester jeg GZip-komprimering?
For at teste GZip-komprimering skal du blot besøge et af de websteder, der er besøgt i denne artikel. Disse vil kontrollere, om GZip er aktiveret på dit websted eller ej.
Indpakning op
Dette var blot et af de mange WordPress-tips, der er tilgængelige på CollectiveRay.
Du kan nemt opnå utrolige besparelser ved at aktivere WordPress gzip-komprimering, som du kan se, har vi opnået op til 81% besparelser på filstørrelsen. Dette er en fantastisk måde at gøre dit websted meget hurtigere på. Hvis du vil have den nemme løsning i stedet for at rode med filer og kode, anbefaler vi at vælge et plugin som WP Rocket.