3 måder at aktivere GZip-komprimering på WordPress (hurtigere websted)

Aktivér WordPress gzip-komprimering

En af de ting, du skal gøre for at gøre dit websted hurtigere, er at aktivere WordPress Gzip-komprimering. Det er en afgørende aspekt fordi enkelt sagt hvis du vil have din internet side For at være hurtigere skal størrelsen på de sider, du har brug for for at give dine besøgende, være mindre.

Sådan ser advarslen Enable Gzip Compression ud på GTMetrix:

gtmetrix advarsel

I det væsentlige er dette dette:

den beder serveren om at komprimere alle filerne, før de sendes til brugeren. Da filerne er mindre, tager de meget less tid til at blive leveret til brugeren, hvilket resulterer i en samlet hurtigere oplevelse for din bruger.

Dette er en ganske høj anbefaling Google Page Speed ​​Insights og foreslås på webstedsoptimeringssider såsom GTMetrix.

Rapport om sidehastighedsindsigt, der foreslår komprimering af filer

Lad os tage dig igennem hele processen med at kontrollere, om funktionen Gzip-komprimering er aktiveret på dit websted. Vi viser dig derefter 3 måder at aktivere eller deaktivere det efter behov. 

  1. Aktivér WordPress Gzip-komprimering via .htaccess-filer
  2. Aktivering via et WordPress Gzip-komprimeringsplugin
  3. Komprimering af filer på tværs af dine websteder ved hjælp af dine hosting-CPanel-indstillinger.

Kontroller for Aktivér GZip-komprimering

Før du rent faktisk går og foretager ændringer, vil du sandsynligvis kontrollere, om dit websteds aktiverede Gzip-komprimeringsfunktion allerede er aktiveret til dit WordPress-websted. 

Der er en hel del andre websteder, der kan kontrollere, om du har aktiveret det ved hjælp af dette værktøj or HTTP-kompressionstest.

Gør dit websted hurtigere

Kør dit websted gennem testen.

Kontroller WordPress gzip-komprimering aktiveret

Hvis du allerede har aktiveret det, behøver du ikke gøre noget. Du får et godt resultat som nedenstående, der viser dig, at dit websted. Hvis ikke, læs videre.

 Succesfuldt resultat

 

Du kan også tjekke for GZIP-komprimering ved hjælp af et plugin fra de samme personer, der har oprettet værktøjet ovenfor. Du kan finde pluginet her

Alternativt, hvis du bruger Chrome-browseren, kan du vælge at kontrollere, om GZIP Content Encoding-headeren findes på dit websted.

Du kan kontrollere dette ved hjælp af Dev-værktøjerne under Vis> Udvikler> Udviklerværktøjer og skifte til fanen Netværk. Hvis du får adgang til den første anmodning og ruller ned til HTTP-overskrifterne, kan du se noget som nedenstående, hvis Enable Gzip Compression allerede er aktiveret.

Chrome dev-værktøjer accepterer kodning

Nu hvor du har bestemt, hvordan du kontrollerer det, viser vi dig en række måder, hvordan du aktiverer det.

Sådan aktiveres 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 infact flere måder at gøre dette på, så vi viser dig nogle få, og du kan vælge den, du foretrækker eller fungerer bedst for dig. Husk inden du foretager drastiske ændringer, anbefales det, at du tager en fuld WordPress-sikkerhedskopi

300x250Orange

1. Aktivér WordPress Gzip-komprimering via .htaccess

En enkel måde at aktivere WordPress Gzip-komprimering er ved at indstille et par direktiver i din .htaccess-fil.

Vi har allerede set måder til at optimere webstedshastighed ved at udnytte browserens caching via din .htaccess-fil, så hvis du er fortrolig med at rode med din .htaccess-fil, så er dette metoden for dig.

Sørg for, at du har lavet en sikkerhedskopi af denne fil, fordi eventuelle små fejl i denne fil bryder dit websted og får det til at gå ned med det samme. Lav en kopi af din nuværende arbejdsversion, før du prøver ændringer, så du kan gå tilbage til den, hvis noget går galt, efter at du aktiverer gzip-komprimering.

Nedenfor (og de fleste af de muligheder, vi skal bruge) bruger funktionaliteten til mod_deflate hvilket er et modul, der typisk er aktiveret på webservere drevet af Apache webserver.

Føj følgende til din .htaccess-fil via din hosting-server CPanel / File Manager

# Komprimere tekst, html, javascript, css, xml: AddOutputFilterByType Deflate text / plain AddOutputFilterByType deflatere text / html AddOutputFilterByType deflatere text / xml AddOutputFilterByType Deflate text / css AddOutputFilterByType Deflate tekst / javascript AddOutputFilterByType deflatere application / xml AddOutputFilterByType Deflate application / xhtml + xml AddOutputFilterByType DEFLATE-applikation / rss + xml AddOutputFilterByType DEFLATE-applikation / javascript AddOutputFilterByType DEFLATE-applikation / x-javascript AddOutputFilterByType DEFLATE-applikation / vnd.ms-fontobject AddOutputFilterByType DEFLATE-applikation / x-font Tilføj -otf AddOutputFilterByType DEFLATE-applikation / x-font-truetype AddOutputFilterByType DEFLATE-applikation / x-font-ttf AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByTypeType ml 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-billede / x-icon .ico AddType-billede / png .png

Når du har aktiveret ovenstående, skal du køre dit websted gennem testen ovenfor igen.

Selvfølgelig, hvis du vil deaktivere funktionen, skal du bare slippe ovenstående linjer fra htaccess-filen. Hvis der er andre filer, som 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 at gøre det for Apache ved hjælp af .htaccess. Du skal tilføje følgende tekst til din nginx.conf-fil, hvilket svarer til .htaccess-filen på NGINX.

gzip på; gzip_disable "MSIE [1-6] \. (?!. * SV1)"; gzip_vary på; 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 Machines, 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

Da du forsøger at gøre dit websted hurtigere ved at aktivere GZip-komprimering, har vi gode nyheder til dig.

Der er et plugin WP Rocket - som ikke kun gør det muligt for komprimeringsfiler at gøre dem mindre, men gør snesevis af flere optimeringer for at gøre dit websted hurtigere. Blandt et par ting, som det håndterer det godt:

  • Aktivér GZIP-komprimering (selvfølgelig!)
  • Aktivér browsercaching
  • Aktivér billedoptimering (for at gøre størrelsen på dine billeder lille og hurtigere)
  • Aktiverer doven indlæsning, således at billeder og andre tunge billeder kun indlæses, når de er nødvendige (on-demand)
  • Integreres med et CDN, så tunge ressourcer kan betjenes mere effektivt
  • Fjerner gamle, døde eller ubrugte plugins og tabeller
  • Aktiverer caching af filer og databaser
  • og masser af andre optimeringer

Selvom den aktiverede GZIP-komprimering ikke er synlig i skærmbilledet nedenfor, er den som standard aktiveret og fuldstændig gennemsigtig i WP Rocket. Her er en række andre dashboardindstillinger, du finder på dette værktøj. 

WP Rocket

Pluginet er ikke gratis, men det er meget værd at investere i virkeligheden, fordi et hurtigt websted er en fantastisk oplevelse, ikke kun for dig, men især for dine besøgende! Mest af alt er det aktiveret bogstaveligt på få minutter og med et par klik!

Men inden vi går videre, har vi en hurtig historie at dele. Op til et par måneder siden var vores hjemmeside ikke så hurtig, som vi ville have den. Vi havde meget ofte sendt nyt indhold, men webstedet var lidt på den tunge side, så det tog noget tid at indlæse. Det tager nogle gange 5 til 8 sekunder at indlæse.

Og vi var ikke i stand til at få det til at gå hurtigere, uanset hvad vi gjorde.

En fin dag stødte vi på WP Rocket. Vi havde spildt så meget tid på at forsøge at gøre webstedet hurtigt, at vi bare bitede kuglen og fik pluginet. BOOM - webstedsindlæsningshastigheden går ned til under 2 sekunder!

(Opdatering: Den seneste Google-opdatering har givet vores site en stigning på 30% i organisk trafik - vi mener, at det meste af dette er kommet fra den hastighedsforøgelse, vores websted fik takket være WP Rocket)

Besøg 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 måde, der evt less teknisk kan du bruge et WordPress Gzip -komprimeringsplugin. Kort sagt, i stedet for at skulle ændre filer med risiko for muligvis at bryde dit websted, hvis du laver en fejl, gør et plugin det meget lettere at aktivere Gzip -komprimering.

Du kan enten køre en Google-søgning efter wordpress komprimerings plugin Ellers gå efter det enkle Gzip Ninja-hastighedskomprimering.

Som med alle WP-plugins er dette en ret ligetil procedure til installation og aktivering af plugin. Når du har gjort det, skal dit websted nu have WordPress Gzip-komprimering aktiveret

WordPress gzip-komprimeringsplugin 

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 tilgængeligt. Dette betyder, at alle websteder, der hostes på din server, nu ville være fuldt gzip-aktiveret. 

Følgende er de nøjagtige trin til proceduren:

  1. Log ind på CPanel på dit webstedshosting
  2. Klik på ikonet "Optimer"
  3. Vælg indstillingen "Komprimer alt indhold"
  4. Klik på Opdater indstillinger
  5. Test for kompression, og du er færdig!

Lad os se den fulde procedure mere detaljeret og ved hjælp af skærmbilleder.

Se efter ikonet "Optimer websted" på din Cpanel, og klik på det.

Gzip-komprimeringsserverniveau - Optimer webstedsikonet i Cpanel

Når du først er på Optimize-webstedet på CPanel, kan du vælge at "Komprimere alt indhold". Dette beder din server om at gzip komprimere indholdet, før det sendes til den besøgende. Selvfølgelig, hvis dit WP-sted er hostet her, kan du være sikker på at dit indhold også er WordPress gzip-komprimeret.

Gzip komprimerer alt indhold

Sådan deaktiveres GZip-kompression

Deaktivering af denne funktion er meget, er kun et spørgsmål om at vende ovenstående ændringer. Så du kan enten fjerne alle de ekstra koder, som vi tilføjede til vores konfigurationsfiler, deaktivere pluginet eller deaktivere funktionen Optimize-websted er vores CPanel.

Du skal derefter køre testene igen for at kontrollere, om komprimering af filer er deaktiveret.

Hvorfor aktiverer vi dette?

Ligesom lidt baggrundsinformation, lad os se på, hvad der sker bag kulisserne, når en besøgende kommer til dit websted, og browseren begynder at tale 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, der bruger forespørgsler og svar.

HTTP-anmodning

  1. Brugerbrowser: Hej, kan jeg GET filen /index.html
  2. Webserver: Ok, lad mig se om index.html er tilgængelig ...
  3. Webserver: Ja her er det (200 OK) Jeg er ved at begynde at sende filen med en størrelse på omkring 50 KB.
  4. Brugerbrowser: 50 KB? Ok, jeg venter på det ... venter, venter ... dejligt, det er indlæst.

Som du kan forestille dig, er dette et forenklet billede af, hvad der sker, men hvis du vil, kan du bruge Chrome Dev-værktøjerne, som vi beskrev ovenfor for at overvåge nøjagtigt, hvad der foregår.

Det fungerer, og du får din fil. Denne proces sker igen og igen, indtil du får alle de filer, der udgør den ønskede URL.

Men selvom systemet fungerer, er det ikke særlig effektivt at sende 50 KB tekst. Husk, at denne proces sker flere gange, sandsynligvis hundreder af gange for hver side, du besøger. Og mens 50KB måske ikke lyder som meget, begynder den kumulative effekt af at sende alle de forskellige filer at opbygges. (Bemærk, at protokoller såsom HTTP / 2 har forbedret denne proces markant)

Download listen over 101 WordPress-tricks, som enhver blogger skal kende

101 WordPress-tricks

Klik her for at downloade nu

Sandheden bliver fortalt, de fleste tekster såsom HTML-, CSS- og JS-filer på et websted er ineffektive i deres natur, fordi de er læsbare for mennesker og er beregnet til forbrug for både mennesker og maskiner - men de er slet ikke magre eller effektive i deres rå form.

Så hvad kan vi gøre for at gøre denne proces bedre? Lyn det selvfølgelig! Zipping er i det væsentlige processen med at kode filen, således at den får teksten til at sende 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 ud eller dekomprimerer filen og viser den for brugeren, som er lykkeligere, fordi siden indlæses hurtigt.

Lad os se på, hvordan den nye samtale mellem webserveren ser ud:

HTTP-anmodning komprimeret 

  1. Brugerbrowser: Hej, kan jeg GET filen index.html? Jeg bruger gerne en komprimeret version, hvis du har en
  2. Webserver: Ok, lad mig se om index.html er tilgængelig…. Jeg sender dig derefter en komprimeret version!
  3. Webserver: Ja her er det (200 OK) Jeg er ved at komprimere filen, der har en størrelse på ca. 5 KB. Færdig, ved at begynde at sende den. 
  4. Brugerbrowser: Fantastisk! Det er kun 15 KB. Jeg dekomprimerer det og viser det for brugeren.

Som vi har påpeget forskellige gange, og det 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 brugerbrowseren og serveren er at forstå, at det er fint at levere en zip-fil. Kontrakten eller aftalen består af to dele

  •  browseren sender en overskrift som viser webserveren, at browseren accepterer komprimeret indhold (gzip og deflate er to komprimeringsordninger, der er almindeligt tilgængelige): Accept-Encoding: gzip, deflate

  • webserveren sender et svar hvis det sender indhold, der faktisk er komprimeret: Content-Encoding: gzip

Serveren sender muligvis ikke svarteksten til indholdskodning, hvilket betyder, at filen ikke blev komprimeret (dette er standardadfærden på de fleste servere). Overskriften "Accepter kodning" er bare browseren, der beder om, at den accepterer zip-filer, ikke et krav. Hvis serveren ikke har aktiveret denne funktion eller ikke vil 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 den bliver mindre (og dermed hurtigere) at levere til slutbrugeren. Den tid, det tager for serveren at komprimere dette indhold, og browseren til at dekomprimere dette indhold er normalt meget mindre end den opnåede tid takket være den mindre størrelse. Dette skyldes, at internetforbindelser har en meget større ventetid (ydeevnepåvirkning), så den krævede CPU-tid til at komprimere / dekomprimere indhold.

Skal jeg aktivere GZIP-komprimering?

Ja, du skal aktivere GZip-komprimering til dit websted. Dette kræver meget lidt indgriben eller ændringer, er meget let at implementere, har ringe indflydelse på indholdet af dit websted, men giver en massiv ydeevneopgradering til dit websteds hastighed.

Hvordan aktiverer jeg GZIP-komprimering i CPanel?

For at aktivere GZip-komprimering i CPanel skal du blot søge efter funktionen "Optimer hjemmeside" og aktivere "Komprimere 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 bare 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, opnåede vi op til 81% besparelse på filstørrelsen. Dette er en fantastisk måde at gøre dit websted meget hurtigere. Hvis du vil tage den nemme vej ud i stedet for at ødelægge filer og koder, anbefaler vi at vælge et plugin som f.eks. WP Rocket.

Lær hvordan WP Rocket gør dit websted hurtigere

Om forfatteren
David Attard
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...