3 måter å aktivere GZip-komprimering på WordPress (raskere nettsted)

Aktiver WordPress gzip-komprimering

En av tingene du må gjøre for å gjøre nettstedet ditt raskere, er å aktivere WordPress Gzip-komprimering. Det er en avgjørende aspekt fordi enkelt sagt, hvis du vil ha din nettsted For å være raskere, må størrelsen på sidene du trenger for å tilby besøkende være mindre.

Slik ser advarselen Aktiver Gzip-komprimering ut på GTMetrix:

gtmetrix advarsel

I hovedsak hva dette gjør er dette:

den ber serveren komprimere alle filene før de sendes til brukeren. Siden filene er mindre, tar de mye less tid for å bli levert til brukeren, noe som resulterer i en samlet raskere opplevelse for brukeren din.

Dette er ganske høy anbefaling på Google Insights PageSpeed og foreslås på nettstedsoptimaliseringssider som GTMetrix.

Rapport om sidehastighetsinsikt som antyder komprimering av filer

La oss ta deg gjennom hele prosessen med å sjekke om aktivere Gzip-komprimeringsfunksjonen er aktivert på nettstedet ditt. Vi viser deg 3 måter å aktivere eller deaktivere det etter behov. 

  1. Aktiver WordPress Gzip-komprimering via .htaccess-filer
  2. Aktiverer det via et WordPress Gzip-komprimeringsprogram
  3. Komprimere filer på tvers av nettsteder ved hjelp av CPanel-innstillingene dine.

Se etter Aktiver GZip-komprimering

Før du faktisk gjør endringer, vil du sannsynligvis sjekke om nettstedets aktiverings Gzip-komprimeringsfunksjon allerede er aktivert for WordPress-nettstedet ditt. 

Det er ganske mange andre nettsteder som kan sjekk om du har aktivert det ved hjelp av dette verktøyet or HTTP komprimeringstest.

Gjør nettstedet ditt raskere

Kjør nettstedet ditt gjennom testen.

Sjekk WordPress gzip-komprimering aktivert

Hvis du allerede har den aktivert, trenger du ikke gjøre noe. Du får et fint resultat som nedenfor som viser deg at nettstedet ditt. Hvis ikke, les videre.

 Vellykket resultat

 

Du kan også se etter GZIP-komprimering ved hjelp av et plugin fra de samme personene som har opprettet verktøyet ovenfor. Du finner pluginet her.

Alternativt, hvis du bruker Chrome-nettleseren, kan du velge å sjekke om GZIP Content Encoding header er tilgjengelig på nettstedet ditt.

Du kan sjekke dette ved å bruke Dev-verktøyene under Vis> Utvikler> Utviklerverktøy og bytte til Nettverk-fanen. Hvis du får tilgang til den første forespørselen, og blar ned til HTTP-overskriftene, ser du noe som nedenfor hvis Enable Gzip Compression allerede er aktivert.

Chrome dev-verktøy godtar koding

Nå som du har bestemt deg for hvordan du skal kontrollere det, viser vi deg en rekke måter å aktivere det på.

Slik aktiverer du GZip-komprimering

Det er veldig enkelt å aktivere komprimering av filene dine ved hjelp av innebygde funksjoner på webserveren din - vanligvis trenger du bare å vite riktig syntaks for å aktivere funksjonaliteten.

Det er infact flere måter å gjøre dette på, så vi viser deg noen få, og du kan velge den du foretrekker eller passer best for deg. Husk før du gjør noen drastiske endringer, anbefales det at du tar en full WordPress-sikkerhetskopi

300x250 Oransje

1. Aktiver WordPress Gzip-komprimering via .htaccess

En enkel måte å aktivere WordPress Gzip-komprimering på er å sette noen få retningslinjer i .htaccess-filen.

Vi har allerede sett måter å optimalisere nettstedets hastighet på ved å utnytte caching i nettleseren via .htaccess-filen, så hvis du er komfortabel å rote med .htaccess-filen din, så er dette metoden for deg.

Forsikre deg om at du har tatt en sikkerhetskopi av denne filen, fordi eventuelle små feil i denne filen vil ødelegge nettstedet ditt og få det til å gå ned umiddelbart. Lag en kopi av din nåværende arbeidsversjon før du prøver noen endringer, slik at du kan gå tilbake til den hvis noe går galt etter at du har aktivert gzip-komprimering.

Nedenfor (og de fleste av alternativene vi skal bruke) bruker funksjonaliteten til mod_deflate som er en modul som vanligvis er aktivert på webservere drevet av Apache webserver.

Legg til følgende i .htaccess-filen via vertsservers CPanel / File Manager

# Komprimere tekst, html, javascript, css, xml: AddOutputFilterByType deflatere text / plain AddOutputFilterByType deflatere text / html AddOutputFilterByType deflatere text / xml AddOutputFilterByType deflatere text / css AddOutputFilterByType deflatere text / javascript AddOutputFilterByType deflatere application / xml AddOutputFilterByType deflatere application / xhtml + xml AddOutputFilterByType DEFLATE-applikasjon / rss + xml AddOutputFilterByType DEFLATE-applikasjon / javascript AddOutputFilterByType DEFLATE-applikasjon / x-javascript AddOutputFilterByType DEFLATE-applikasjon / vnd.ms-fontobject AddOutputFilterByType DEFLATE-applikasjon / xFilType -otf AddOutputFilterByType DEFLATE-applikasjon / x-font-truetype AddOutputFilterByType DEFLATE-applikasjon / x-font-ttf AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType / Type FLYT 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 image / x-icon .ico AddType image / png .png

Når du har aktivert det ovennevnte, kan du kjøre nettstedet ditt gjennom testen ovenfor igjen.

Selvfølgelig, hvis du vil deaktivere funksjonen, slipper du bare linjene ovenfor fra htaccess-filen. Hvis det er andre filer du vil komprimere, må du også legge til disse filtypene på en lignende måte som ovenfor. 

NGINX og IIS:

Syntaksen for å aktivere GZip-komprimering på Nginx er litt annerledes enn å gjøre det for Apache ved hjelp av .htaccess. Du må legge til følgende tekst i nginx.conf-filen, som tilsvarer .htaccess-filen på NGINX.

gzip på; gzip_disable "MSIE [1-6] \. (?!. * SV1)"; gzip_vary på; gzip_types text / plain text / css text / javascript image / svg + xml image / x-icon application / javascript application / x-javascript;

I IIS, dvs. webserveren som kjører på Windows Machines, er det best å gjøre det via IIS-grensesnittet bruker denne guiden fra Microsoft.

2. Aktivere komprimering via et WordPress GZip-plugin

Gitt at du prøver å gjøre nettstedet ditt raskere ved å aktivere GZip-komprimering, har vi gode nyheter for deg.

Det er ett plugin WP Rocket - som ikke bare gjør det mulig for komprimeringsfiler å gjøre dem mindre, men gjør titalls flere optimaliseringer for å gjøre nettstedet ditt raskere. Blant noen få ting som den håndterer det godt:

  • Aktiver GZIP-komprimering (selvfølgelig!)
  • Aktiver caching i nettleseren
  • Aktiver bildeoptimalisering (for å gjøre størrelsen på bildene dine små og raskere)
  • Aktiverer lat lasting, slik at bilder og andre tunge bilder bare lastes inn når de er nødvendige (på forespørsel)
  • Integreres med et CDN slik at tunge ressurser kan betjenes mer effektivt
  • Fjerner gamle, døde eller ubrukt plugins og tabeller
  • Aktiverer hurtigbufring av filer og databaser
  • og mange andre optimaliseringer

Selv om aktivere GZIP-komprimering ikke er synlig i skjermbildet nedenfor, er den aktivert som standard og helt gjennomsiktig i WP Rocket. Her er en rekke andre dashbordinnstillinger du finner på dette verktøyet. 

WP Rocket

Plugin er ikke gratis, men det er veldig verdt investeringen i virkeligheten fordi et raskt nettsted er en flott opplevelse, ikke bare for deg, men spesielt for dine besøkende! Mest av alt er det aktivert bokstavelig talt på få minutter og med noen få klikk!

Men før vi går videre, har vi en rask historie å dele. Inntil for noen måneder siden var ikke nettstedet vårt så raskt som vi ønsket at det skulle være. Vi hadde lagt ut nytt innhold veldig ofte, men nettstedet var litt på den tunge siden, så det tok litt tid å laste inn. Noen ganger tar det 5 til 8 sekunder å laste inn.

Og vi klarte ikke å få det til å gå raskere uansett hva vi gjorde.

En fin dag kom vi over WP Rocket. Vi hadde kastet bort så mye tid på å prøve å gjøre nettstedet raskt, at vi bare bet på kulen og fikk pluginet. BOOM - lastehastigheten til nettstedet går ned til under 2 sekunder!

(Oppdater: Den siste oppdateringen fra Google har gitt nettstedet vårt en økning på 30% i organisk trafikk - vi tror at det meste av dette har kommet fra den økningen i hastigheten nettstedet vårt fikk takket være WP Rocket)

Besøk WP Rocket

Ikke interessert i dette? Les videre, det er selvfølgelig andre måter å aktivere Gzip-komprimering på!

Hvis du vil bruke en måte som muligens er less teknisk kan du bruke en WordPress Gzip -komprimeringsplugin. Enkelt sagt, i stedet for å måtte endre filer med risiko for mulig å ødelegge nettstedet ditt hvis du gjør en feil, gjør et plugin det mye lettere å aktivere Gzip -komprimering.

Du kan enten kjøre et Google-søk etter wordpress komprimering plugin ellers gå for det enkle Gzip Ninja-hastighetskomprimering.

Som med alle WP-plugins, er dette en ganske grei prosedyre for å installere og aktivere pluginet. Når du har gjort det, skal nettstedet ditt nå ha WordPress Gzip-komprimering aktivert

WordPress gzip-komprimeringsplugg 

3. Aktiver GZIP-sidekomprimering via CPanel

Foruten å aktivere GZip-sidekomprimering på WordPress-nivå, kan du velge å gjøre dette på servernivå - hvis tilgjengelig. Dette betyr at alle nettsteder som er vert på serveren din, nå vil være fullt gzip-aktivert. 

Følgende er de nøyaktige trinnene for prosedyren:

  1. Logg deg på CPanel på webområdet ditt
  2. Klikk på ikonet "Optimaliser"
  3. Velg alternativet "Komprimer alt innhold"
  4. Klikk på Oppdater innstillinger
  5. Test for komprimering, så er du ferdig!

La oss se hele prosedyren mer detaljert og bruke skjermbilder.

Se etter ikonet "Optimaliser nettsted" på Cpanel og klikk på det.

Gzip komprimeringsservernivå - Optimaliser nettstedsikonet i Cpanel

Når du er på Optimize-nettstedet på CPanel, kan du velge å "Komprimere alt innhold". Dette ber serveren din om å gzip komprimere innholdet før du sender det til den besøkende. Selvfølgelig, hvis WP-nettstedet ditt er vert her, kan du være trygg på at innholdet ditt også er WordPress gzip-komprimert.

Gzip komprimerer alt innholdet

Slik deaktiverer du GZip-komprimering

Å deaktivere denne funksjonen er mye, er bare et spørsmål om å reversere de ovennevnte endringene. Så du kan enten fjerne alle tilleggskodene som vi la til i konfigurasjonsfilene våre, deaktivere programtillegget, eller deaktivere Optimaliser nettstedsfunksjonen er vår CPanel.

Du må deretter kjøre testene på nytt for å sjekke om komprimering av filer er deaktivert.

Hvorfor aktiverer vi dette?

Akkurat som litt bakgrunnsinformasjon, la oss ta en titt på hva som skjer bak kulissene når en besøkende kommer til nettstedet ditt og nettleseren begynner å snakke med websidens webserver.

La oss si at du kommer til www.collectiveray.com/index.ghtml- nettleseren din starter en "samtale" med webserveren ved hjelp av HTTP-protokollen som bruker forespørsler og svar.

HTTP-forespørsel

  1. Brukerleser: Hei, kan jeg GET filen /index.html
  2. Webserver: Ok, la meg se om index.html er tilgjengelig ...
  3. Webserver: Ja her er det (200 OK) Jeg begynner å sende filen som er omtrent 50 KB stor.
  4. Brukerleser: 50KB? Ok, jeg venter på det ... venter, venter ... flott, det er lastet.

Som du kan forestille deg er dette en forenklet oversikt over hva som skjer, men hvis du vil, kan du bruke Chrome Dev-verktøyene som vi beskrev ovenfor for å overvåke nøyaktig hva som skjer.

Det fungerer, og du får filen din. Denne prosessen skjer igjen og igjen til du får alle filene som utgjør nettadressen du ba om.

Men selv om systemet fungerer, er det ikke veldig effektivt å sende 50 KB tekst. Husk at denne prosessen skjer flere ganger, sannsynligvis hundrevis av ganger for hver side du besøker. Og mens 50KB kanskje ikke høres ut som mye, begynner den kumulative effekten av å sende alle de forskjellige filene å bygge seg opp. (Merk at protokoller som HTTP / 2 har forbedret denne prosessen betydelig)

Last ned listen over 101 WordPress-triks hver blogger burde vite

101 WordPress-triks

Klikk her for å laste ned nå

Sannheten blir fortalt, de fleste tekster som HTML-, CSS- og JS-filer på et nettsted er ineffektive i sin natur fordi de er lesbare for mennesker og er laget for konsum for både mennesker og maskiner - men de er ikke magre eller effektive i det rå skjema.

Så hva kan vi gjøre for å gjøre denne prosessen bedre? Zip det, selvfølgelig! Zipping er egentlig prosessen med å kode filen slik at den gjør at teksten sendes mindre, uten å miste noe av informasjonen den inneholder.

Og ved å sende en komprimert versjon av filene vi trenger å sende, sparer vi både båndbredde og nedlastingstid. Nettleseren pakker deretter ut eller dekomprimerer filen og viser den til brukeren, som er lykkeligere, fordi siden lastes raskt inn.

La oss ta en titt på hvordan den nye samtalen mellom webserveren ser ut:

HTTP-forespørsel komprimert 

  1. Brukerleser: Hei, kan jeg GET filen index.html? Jeg bruker gjerne en komprimert versjon hvis du har en
  2. Webserver: Ok, la meg se om index.html er tilgjengelig…. Jeg sender deg en komprimert versjon da!
  3. Webserver: Ja her er det (200 OK) Jeg er i ferd med å komprimere filen som er omtrent 5 KB stor. Ferdig, begynner å sende den. 
  4. Brukerleser: Flott! Det er bare 15 KB. Jeg dekomprimerer den og viser den til brukeren.

Som vi har påpekt forskjellige tider og det forskjellige artikler, små sider som lastes raskt = fornøyde brukere!

Formelen er enkel: Mindre fil = raskere nedlasting = fornøyd bruker.

Koding av detaljer

Den viktige delen av denne utvekslingen eller samtalen mellom brukerleseren og serveren er å forstå at det er greit å levere en zip-fil. Kontrakten eller avtalen har to deler

  • De nettleseren sender en overskrift som viser webserveren at nettleseren godtar komprimert innhold (gzip og deflate er to komprimeringsskjemaer som ofte er tilgjengelige): Accept-Encoding: gzip, deflate

  • De webserveren sender et svar hvis den sender innhold som faktisk er komprimert: Content-Encoding: gzip

Serveren sender kanskje ikke svartekst til innholdskoding, noe som betyr at filen ikke ble komprimert (dette er standardoppførselen på de fleste servere). Overføringen "Godta koding" er bare nettleseren som ber om at den godtar zip-filer, ikke et krav. Hvis serveren ikke har aktivert denne funksjonen eller ikke vil sende tilbake komprimert innhold, vil nettleseren bruke den vanlige ukomprimerte versjonen.

Ofte Stilte Spørsmål

Hva er komprimering?

Gzip- eller Broltli-komprimering er prosessen med å kode filene som skal sendes fra webserveren til en besøkendes nettleser på en slik måte at den blir mindre (og dermed raskere) å levere til sluttbrukeren. Tiden det tar for serveren å komprimere dette innholdet, og nettleseren for å dekomprimere dette innholdet er vanligvis mye mindre enn den tiden det er oppnådd takket være den mindre størrelsen. Dette er fordi internettforbindelser har mye større ventetid (ytelsespåvirkning), og deretter CPU-tid som kreves for å komprimere / dekomprimere innhold.

Bør jeg aktivere GZIP-komprimering?

Ja, du bør aktivere GZip-komprimering for nettstedet ditt. Dette krever svært lite inngrep eller endringer, er veldig enkelt å implementere, har liten innvirkning på innholdet på nettstedet ditt, men gir en massiv ytelsesoppgradering til hastigheten på nettstedet ditt.

Hvordan aktiverer jeg GZIP-komprimering i CPanel?

For å aktivere GZip-komprimering i CPanel, er det bare å søke etter "Optimaliser nettsted" -funksjonen og aktivere "Komprimere alt innhold".

Hvordan tester jeg GZip-komprimering?

For å teste GZip-komprimering, besøk bare et av nettstedene som er besøkt i denne artikkelen. Disse vil sjekke om GZip er aktivert på nettstedet ditt eller ikke.

Innpakning opp 

Dette var bare ett av mange WordPress -tips tilgjengelig på CollectiveRay.

Du kan enkelt oppnå utrolige besparelser ved å aktivere WordPress gzip-komprimering, som du ser, oppnådde vi opptil 81% besparelse på filstørrelsen. Dette er en fin måte å gjøre nettstedet ditt mye raskere. Hvis du vil ta den enkle veien ut, i stedet for å rote med filer og koder, anbefaler vi at du velger et plugin som WP Rocket.

Lær hvordan WP Rocket gjør nettstedet ditt raskere

om forfatteren
David Attard
Forfatter: David Attardnettside: https://www.linkedin.com/in/dattard/
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...