3 sätt att aktivera GZip-komprimering i WordPress (snabbare webbplats)

Aktivera WordPress gzip-komprimering

En av de saker du måste göra för att göra din webbplats snabbare är att aktivera WordPress Gzip-komprimering. Det är en avgörande aspekt för enkelt sagt, om du vill ha din webbplats För att vara snabbare måste storleken på sidorna du behöver för att ge dina besökare vara mindre.

Så här ser varningen Enable Gzip Compression ut på GTMetrix:

gtmetrix varning

I huvudsak vad detta gör är detta:

den ber servern komprimera alla filer innan de skickas till användaren. Eftersom filerna är mindre tar de mycket less tid att bli levererad till användaren, vilket resulterar i en övergripande snabbare upplevelse för din användare.

Detta är en ganska hög rekommendation på Google Insights PageSpeed och föreslås på webbplatser för optimering av webbplatser som GTMetrix.

Sidhastighetsinsiktsrapport som föreslår komprimering av filer

Låt oss ta dig igenom hela processen för att kontrollera om funktionen Gzip-komprimering är aktiverad på din webbplats. Vi visar dig tre sätt att aktivera eller inaktivera det vid behov. 

  1. Aktivera WordPress Gzip-komprimering via .htaccess-filer
  2. Aktiverar det via ett WordPress Gzip-komprimeringsplugin
  3. Komprimera filer över dina webbplatser med dina CPanel-värdinställningar.

Sök efter Aktivera GZip-komprimering

Innan du verkligen gör några ändringar vill du förmodligen kontrollera om din webbplats aktiverade Gzip-komprimeringsfunktion redan är aktiverad för din WordPress-webbplats. 

Det finns en hel del andra webbplatser som kan kontrollera om du har aktiverat det med det här verktyget or HTTP-komprimeringstest.

Gör din webbplats snabbare

Kör din webbplats genom testet.

Kontrollera WordPress gzip-komprimering aktiverad

Om du redan har aktiverat det behöver du inte göra någonting. Du får ett bra resultat som nedan som visar att din webbplats. Om inte, läs vidare.

 Framgångsrikt resultat

 

Du kan också söka efter GZIP-komprimering med hjälp av ett plugin från samma personer som har skapat verktyget ovan. Du hittar plugin-programmet här

Alternativt, om du använder Chrome-webbläsaren, kan du välja att kontrollera om GZIP-innehållskodningshuvudet finns på din webbplats.

Du kan kontrollera detta med Dev-verktygen under Visa> Utvecklare> Utvecklarverktyg och växla till fliken Nätverk. Om du öppnar den första begäran och bläddrar ner till HTTP-rubrikerna ser du något som nedan om Aktivera Gzip-komprimering redan är aktiverad.

Chrome-utvecklingsverktyg accepterar kodning

Nu när du har bestämt dig för hur du ska kontrollera det, visar vi dig ett antal sätt att aktivera det.

Hur du aktiverar GZip-komprimering

Det är väldigt enkelt att aktivera komprimering av dina filer med hjälp av inbyggda funktioner på din webbserver - vanligtvis behöver du bara veta rätt syntax för att aktivera funktionaliteten.

Det finns faktiskt flera sätt att göra detta, så vi visar dig några och du kan välja det som du föredrar eller fungerar bäst för dig. Kom ihåg innan du gör några drastiska förändringar, det rekommenderas att du tar en fullständig WordPress-säkerhetskopia

300x250 Orange

1. Aktivera WordPress Gzip-komprimering via .htaccess

Ett enkelt sätt att aktivera WordPress Gzip-komprimering är att ställa in några direktiv i din .htaccess-fil.

Vi har redan sett sätt att optimera webbplatsens hastighet genom att utnyttja webbläsarens cachning via din .htaccess-fil, så om du är bekväm med att röra dig med din .htaccess-fil är det här metoden för dig.

Se till att du har säkerhetskopierat den här filen, eftersom alla små fel i den här filen kommer att bryta din webbplats och få den att gå ner direkt. Gör en kopia av din nuvarande arbetsversion innan du försöker göra några ändringar så att du kan gå tillbaka till den om något går fel efter att du aktiverat gzip-komprimering.

Nedanstående (och de flesta av de alternativ vi ska använda) använder funktionaliteten för mod_deflate vilket är en modul som vanligtvis är aktiverad på webbservrar som drivs av Apache-webservern.

Lägg till följande i din .htaccess-fil via din värdservers CPanel / File Manager

# Komprimera text, 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-applikation / rss + xml AddOutputFilterByType DEFLATE-applikation / javascript AddOutputFilterByType DEFLATE-applikation / x-javascript AddOutputFilterByType DEFLATE-applikation / vnd.ms-fontobject AddOutputFilterByType DEFLATE-applikation / x-font Add-typ -otf AddOutputFilterByType DEFLATE-applikation / x-font-truetype AddOutputFilterByType DEFLATE-applikation / x-font-ttf AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType / typ 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 aktiverat ovanstående, kör din webbplats igenom testet ovan.

Naturligtvis, om du vill inaktivera funktionen, släpper du bara ovanstående rader från htaccess-filen. Om det finns andra filer som du vill komprimera måste du lägga till dessa filtyper i en liknande metod som ovan. 

NGINX och IIS:

Syntaxen för att aktivera GZip-komprimering på Nginx är lite annorlunda än att göra det för Apache med .htaccess. Du måste lägga till följande text i din nginx.conf-fil, vilket motsvarar .htaccess-filen på NGINX.

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

I IIS, dvs. webbservern som körs på Windows Machines, är det bäst att göra det via IIS-gränssnittet med den här guiden från Microsoft.

2. Aktivera komprimering via ett WordPress GZip-plugin

Med tanke på att du försöker göra din webbplats snabbare genom att aktivera GZip-komprimering har vi bra nyheter för dig.

Det finns ett plugin WP Rocket - som inte bara gör det möjligt för komprimeringsfiler att göra dem mindre utan gör tiotals fler optimeringar för att göra din webbplats snabbare. Bland några saker som den hanterar det bra:

  • Aktivera GZIP-komprimering (förstås!)
  • Aktivera webbläsarcaching
  • Aktivera bildoptimering (för att göra storleken på dina bilder liten och snabbare)
  • Aktiverar lat laddning, så att bilder och andra tunga bilder endast laddas när de behövs (på begäran)
  • Integreras med ett CDN så att tunga resurser kan betjänas mer effektivt
  • Tar bort alla gamla, döda eller oanvända plugins och tabeller
  • Aktiverar cachning av filer och databaser
  • och många andra optimeringar

Även om aktiverad GZIP-komprimering inte syns i skärmdumpen nedan är den aktiverad som standard och helt transparent i WP Rocket. Här är en massa andra instrumentpanelinställningar som du hittar i det här verktyget. 

WP Rocket

Plugin är inte gratis, men det är mycket värt investeringen i verkligheten eftersom en snabb webbplats är en fantastisk upplevelse, inte bara för dig, men särskilt för dina besökare! Mest av allt är det aktiverat bokstavligen på några minuter och med några få klick!

Men innan vi går vidare har vi en snabb historia att dela. För några månader sedan var vår webbplats inte så snabb som vi ville ha den. Vi hade lagt upp nytt innehåll mycket ofta, men sajten var lite på den tunga sidan så det tog lite tid att ladda. Ibland tar det 5 till 8 sekunder att ladda.

Och vi kunde inte få det att gå snabbare oavsett vad vi gjorde.

En fin dag kom vi över WP Rocket. Vi hade slösat bort så mycket tid på att försöka göra webbplatsen snabb, att vi bara bitade kulan och fick plugin. BOOM - webbplatsens laddningshastighet går ner till under 2 sekunder!

(uppdatering: Den senaste uppdateringen från Google har gett vår webbplats en ökning av organisk trafik med 30% - vi tror att det mesta av detta har kommit från den snabbhet som vår webbplats fick tack vare WP Rocket)

Besök WP Rocket

Inte intresserad av detta? Läs vidare, det finns naturligtvis andra sätt att aktivera Gzip-komprimering!

Om du vill använda ett sätt som är möjligt less teknisk kan du använda ett WordPress Gzip -komprimeringsplugin. Enkelt uttryckt, i stället för att behöva ändra filer med risk för att eventuellt bryta din webbplats om du gör ett misstag, gör ett plugin det mycket lättare att aktivera Gzip -komprimering.

Du kan antingen köra en Google-sökning efter wordpress komprimering plugin eller gå för det enkla Gzip Ninja-hastighetskomprimering.

Som med alla WP-plugins är detta en ganska enkel procedur för att installera och aktivera plugin. När du väl har gjort det bör din WordPress Gzip-komprimering nu vara aktiverad

WordPress gzip-komprimeringsplugin 

3. Aktivera GZIP-sidkomprimering via CPanel

Förutom att aktivera GZip-sidkomprimering på WordPress-nivå kan du välja att göra detta på servernivå - om tillgängligt. Detta innebär att alla webbplatser som finns på din server nu skulle vara helt gzip-aktiverade. 

Följande är de exakta stegen för proceduren:

  1. Logga in på CPanel för din webbhotell
  2. Klicka på "Optimera" webbplatsikonen
  3. Välj alternativet "Komprimera allt innehåll"
  4. Klicka på Uppdatera inställningar
  5. Testa komprimering så är du klar!

Låt oss se hela proceduren mer detaljerat och använda skärmdumpar.

Leta efter ikonen "Optimera webbplats" på din Cpanel och klicka på den.

Gzip komprimeringsservernivå - Optimera webbplatsikon i Cpanel

När du väl är på Optimize-webbplatsen på CPanel kan du välja att "Komprimera allt innehåll". Detta ber din server att gzip komprimera innehållet innan det skickas till besökaren. Naturligtvis, om din WP-webbplats är värd här, kan du vara säker på att ditt innehåll också är WordPress gzip-komprimerat.

Gzip komprimerar allt innehåll

Hur inaktiverar du GZip-komprimering

Att inaktivera den här funktionen är mycket är bara en fråga om att vända ovanstående ändringar. Så du kan antingen ta bort alla ytterligare koder som vi har lagt till i våra konfigurationsfiler, inaktivera pluginprogrammet eller inaktivera Optimize-webbplatsfunktionen är vår CPanel.

Du måste sedan köra om testerna för att kontrollera om komprimering av filer har inaktiverats.

Varför aktiverar vi detta?

Precis som lite bakgrundsinformation, låt oss ta en titt på vad som händer bakom kulisserna när en besökare kommer till din webbplats och webbläsaren börjar prata med webbplatsens webbserver.

Låt oss säga att du kommer till www.collectiveray.com/index.ghtml- din webbläsare startar en "konversation" med webbservern med HTTP-protokollet som använder förfrågningar och svar.

HTTP-begäran

  1. Användarbläddrare: Hej, kan jag  filen /index.html
  2. Webbserver: Ok, låt mig se om index.html är tillgängligt ...
  3. Webbserver: Ja här är det (200 OK) Jag ska börja skicka filen som är ungefär 50 KB stor.
  4. Användarbläddrare: 50KB? Ok, jag väntar på det ... väntar, väntar ... bra, det är laddat.

Som du kan föreställa dig är detta en förenklad bild av vad som händer, men om du vill kan du använda Chrome Dev-verktygen som vi beskrev ovan för att övervaka exakt vad som går in.

Det fungerar, och du får din fil. Denna process händer om och om igen tills du får alla filer som utgör webbadressen du begärde.

Men även om systemet fungerar är det inte särskilt effektivt att skicka 50 kB text. Tänk på att denna process sker flera gånger, troligen hundratals gånger för varje sida du besöker. Och medan 50KB kanske inte låter så mycket, börjar den kumulativa effekten av att skicka alla olika filer byggas upp. (Observera att protokoll som HTTP / 2 har förbättrat denna process avsevärt)

Ladda ner listan över 101 WordPress-trick som alla bloggare borde veta

101 WordPress-tricks

Klicka här för att ladda ner nu

Sanningen att säga, de flesta texter som HTML-, CSS- och JS-filer på en webbplats är ineffektiva i sin natur eftersom de är läsbara för människor och för konsumtion för både människor och maskiner - men de är inte magra eller effektiva i sin rå form.

Så vad kan vi göra för att göra den här processen bättre? Zip it, naturligtvis! Zippning är i huvudsak processen att koda filen så att den gör att texten skickas mindre, utan att förlora någon information som den innehåller.

Och genom att skicka en komprimerad version av filerna vi behöver skicka sparar vi både bandbredd och nedladdningstid. Webbläsaren packar sedan upp eller dekomprimerar filen och visar den för användaren, som är lyckligare, eftersom sidan laddas snabbt.

Låt oss ta en titt på hur den nya konversationen mellan webbservern ser ut:

HTTP-begäran komprimerad 

  1. Användarbläddrare: Hej, kan jag  filen index.html? Jag skulle gärna använda en komprimerad version om du har en
  2. Webbserver: Okej, låt mig se om index.html är tillgängligt .... Jag skickar en komprimerad version då!
  3. Webbserver: Ja här är det (200 OK) Jag håller på att komprimera filen som är ungefär 5 KB stor. Klart, på väg att skicka det. 
  4. Användarbläddrare: Bra! Det är bara 15KB. Jag kommer att dekomprimera det och visa det för användaren.

Som vi har påpekat olika tider och det olika artiklar, små sidor som laddas snabbt = nöjda användare!

Formeln är enkel: Mindre fil = snabbare nedladdning = glad användare.

Kodningsdetaljer

Den viktiga delen av detta utbyte eller konversation mellan användarbläddraren och servern är att förstå att det går bra att leverera en zippad fil. Kontraktet eller avtalet innehåller två delar

  • Du har nu möjlighet  webbläsaren skickar en rubrik som visar webbservern att webbläsaren accepterar komprimerat innehåll (gzip och deflate är två komprimeringsscheman som är allmänt tillgängliga): Accept-Encoding: gzip, deflate

  • Du har nu möjlighet webbservern skickar ett svar om det skickar innehåll som faktiskt är komprimerat: Content-Encoding: gzip

Servern kanske inte faktiskt skickar svarshuvudet för innehållskodning, vilket innebär att filen inte komprimeras (detta är standardbeteendet på de flesta servrar). Rubriken "Acceptera kodning" är bara webbläsaren som begär att den accepterar zip-filer, inte ett krav. Om servern inte har aktiverat den här funktionen eller inte vill skicka tillbaka komprimerat innehåll kommer webbläsaren att använda den vanliga okomprimerade versionen.

Vanliga frågor

Vad är kompression?

Gzip- eller Broltli-komprimering är processen att koda de filer som ska skickas från webbservern till en besökares webbläsare på ett sådant sätt att den blir mindre (och därmed snabbare) att leverera till slutanvändaren. Tiden det tar för servern att komprimera detta innehåll, och webbläsaren att dekomprimera detta innehåll är vanligtvis mycket mindre än den tid som erhållits tack vare den mindre storleken. Detta beror på att internetanslutningar har en mycket större latens (prestandapåverkan), då den CPU-tid som krävs för att komprimera / dekomprimera innehåll.

Ska jag aktivera GZIP-komprimering?

Ja, du bör aktivera GZip-komprimering för din webbplats. Detta kräver väldigt lite ingripande eller förändringar, är mycket enkelt att implementera, har liten inverkan på innehållet på din webbplats men ger en enorm prestandauppgradering till din webbplats hastighet.

Hur aktiverar jag GZIP-komprimering i CPanel?

För att aktivera GZip-komprimering i CPanel, sök bara efter funktionen "Optimera webbplats" och aktivera "Komprimera allt innehåll".

Hur testar jag GZip-komprimering?

För att testa GZip-komprimering, besök bara en av de webbplatser som besöks i den här artikeln. Dessa kommer att kontrollera om GZip är aktiverat på din webbplats eller inte.

Inslagning upp 

Detta var bara ett av de många WordPress -tips som finns tillgängliga på CollectiveRay.

Du kan enkelt uppnå otroliga besparingar genom att aktivera WordPress gzip-komprimering, eftersom du kan se att vi uppnådde upp till 81% besparing på filstorleken. Detta är ett utmärkt sätt att göra din webbplats mycket snabbare. Om du vill ta den enkla vägen, istället för att röra dig med filer och koder, rekommenderar vi att du väljer ett plugin som WP Rocket.

Lär dig hur WP Rocket gör din webbplats snabbare

Om författaren
David Attard
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...