{"id":39062,"date":"2021-05-17T15:41:38","date_gmt":"2021-05-17T13:41:38","guid":{"rendered":"https:\/\/kinsta.com\/?p=80014"},"modified":"2023-09-21T12:16:55","modified_gmt":"2023-09-21T12:16:55","slug":"aktiverar-gzip-komprimering","status":"publish","type":"post","link":"https:\/\/kinsta.com\/se\/blog\/aktiverar-gzip-komprimering\/","title":{"rendered":"Hur man aktiverar GZIP-komprimering f\u00f6r att snabba upp WordPress-webbplatser"},"content":{"rendered":"

Det enklaste s\u00e4ttet att snabba upp din WordPress-webbplats \u00e4r att eliminera alla dess o\u00f6nskade resurser<\/a>. Det n\u00e4st enklaste s\u00e4ttet att snabba upp den \u00e4r att komprimera alla sina \u00f6nskade resurser. Att aktivera GZIP-komprimering p\u00e5 din webbserver \u00e4r ett av de enklaste och mest effektiva s\u00e4tten f\u00f6r att f\u00e5 h\u00f6gre hastighet.<\/p>\n

Alla moderna webbl\u00e4sare inkluderar st\u00f6d f\u00f6r GZIP-komprimering som standard. Men f\u00f6r att skicka de komprimerade resurserna till dina anv\u00e4ndare utan strul, m\u00e5ste du konfigurera servern korrekt.<\/p>\n

I det h\u00e4r inl\u00e4gget f\u00e5r du l\u00e4ra du dig grunderna i datakomprimering p\u00e5 webben och vad GZIP-komprimering \u00e4r. Du f\u00e5r \u00e4ven l\u00e4ra dig dess olika f\u00f6rdelar och hur du kan anv\u00e4nda det f\u00f6r att snabba upp dina WordPress-webbplatser med olika serverinst\u00e4llningar.<\/p>\n

Nyfiken? Vi k\u00f6r ig\u00e5ng!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

F\u00f6redrar du att titta p\u00e5 videoversionen<\/a>?<\/h3>\n

<\/kinsta-video><\/p>\n\n

Grunderna i datakomprimering p\u00e5 webben<\/h2>\n

Datakomprimering p\u00e5 webben \u00e4r processen f\u00f6r att minska storleken p\u00e5 data som \u00f6verf\u00f6rs av webbplatser. Beroende p\u00e5 datatyp \u2013 text, bilder, stilmallar, skript, teckensnitt \u2013 finns det olika s\u00e4tt att komprimera data.<\/p>\n

\"Huvudkomponenterna
Huvudkomponenterna p\u00e5 en webbsida<\/figcaption><\/figure>\n

Minifiering av HTML, CSS och JavaScript<\/a> \u00e4r exempelvis ett enkelt s\u00e4tt att minska m\u00e4ngden data som skickas av webbl\u00e4sare. H\u00e4r komprimerar minifieraren texten genom att ta bort on\u00f6diga tecken som kommentarer<\/a> och blanksteg fr\u00e5n k\u00e4llkoden.<\/p>\n

I exemplet nedan av ett enkelt HTML-dokument<\/a> finns det tre inneh\u00e5llstyper: HTML-markering, \u00a0CSS-format<\/a> och JavaScript-kod.<\/p>\n

Varje inneh\u00e5llstyp har unik syntax och semantik. Sammantaget har detta HTML-dokument totalt 357 tecken.<\/p>\n

<html<\/strong>>\n<head<\/strong>>\n    <style<\/strong>>\n    \/* kinsta-banner is used on the homepage only *\/\n    .kinsta-banner { font-size: 150% }\n    .kinsta-banner { width: 75% }\n<\/style<\/strong>>\n<\/head<\/strong>>\n<body<\/strong>>\n    \n    <div<\/strong>>...<\/div<\/strong>>\n    \n    <script<\/strong>>\n    kinstaScripts(); \/\/ random scripts used on the page\n    <\/script<\/strong>>\n<\/body<\/strong>>\n<\/html<\/strong>><\/code><\/pre>\n
Ovanst\u00e5ende kod \u00e4r enkel att l\u00e4sa och f\u00f6lja, idealiskt f\u00f6r utveckling. Det \u00e4r dock on\u00f6digt f\u00f6r webbl\u00e4saren att l\u00e4sa kommentarer och ha perfekt indragna taggar. En smart kompressor kan analysera det h\u00e4r dokumentet och ta bort alla on\u00f6diga bitar fr\u00e5n det.<\/p>\n
<html<\/strong>><head<\/strong>><style<\/strong>>.kinsta-banner{font-size:150%;width:75%}<\/style<\/strong>><\/head<\/strong>><body<\/strong>><div<\/strong>>...<\/div<\/strong>><script<\/strong>>kinstaScripts();<\/script<\/strong>><\/body<\/strong>><\/html<\/strong>><\/code><\/pre>\n
Efter minifieringen reduceras HTML-dokumentet till endast 141 tecken. Det \u00e4r en 60.50%<\/strong> besparing i antal tecken.\u00a0Det blir inte lika l\u00e4sv\u00e4nligt, men detta spelar ingen roll f\u00f6r webbl\u00e4saren. Samma sida visas fortfarande f\u00f6r anv\u00e4ndaren.<\/p>\n
Om du vill dra nytta av b\u00e5da versionerna kan du beh\u00e5lla originaldokumentet som en ”utvecklingsversion”, men minifiera all kod innan du omvandlar den till live.<\/p>\n
De flesta WordPress-prestandaplugins<\/a> tar hand om detta automatiskt \u00e5t dig.<\/p>\n
\"Filstorleks-komprimering
Filstorleks-komprimering av okomprimerad vs minifierad jQuery<\/figcaption><\/figure>\n
Den okomprimerade versionen av jQuery 3.5.1<\/strong>-biblioteket \u00e4r exempelvis mer \u00e4n 3 g\u00e5nger st\u00f6rre \u00e4n den minifierade versionen av samma fil.<\/p>\n
P\u00e5 samma s\u00e4tt kan samma komprimeringstekniker som beskrivs ovan optimera andra inneh\u00e5llstyper som bilder, videor, teckensnitt och mer. Inneh\u00e5llsspecifika reduceringar som dessa \u00e4r det f\u00f6rsta steget f\u00f6r att optimera storleken p\u00e5 din webbplats textbaserade tillg\u00e5ngar.<\/p>\n
Dessa uppenbara f\u00f6rdelar \u00e4r anledningen till att Kinsta satte in en kodminifieringsfunktion<\/a> i MyKinsta-instrumentpanelen<\/a>. V\u00e5ra kunder kan v\u00e4lja automatisk kodminifiering f\u00f6r sina CSS- och JavaScript-filer, vilket snabbar upp deras webbplatser utan manuell anstr\u00e4ngning.<\/p>\n
Men datakomprimering handlar inte bara om minifiering. Med hj\u00e4lp av avancerade matematiska tekniker kan datakomprimeringsalgoritmer minska storleken p\u00e5 data \u00e4nnu mer.<\/p>\n
Ett av de mest popul\u00e4ra exemplen p\u00e5 en s\u00e5dan datakomprimeringsmetod \u00e4r GZIP<\/strong>. Det m\u00f6jligg\u00f6r effektiv data\u00f6verf\u00f6ring och har bidragit avsev\u00e4rt till att g\u00f6ra internet till ett livskraftigt globalt kommunikationsmedium.<\/p>\n
Vad \u00e4r GZIP-komprimering?<\/h2>\n
GZIP, f\u00f6rkortning f\u00f6r GNU Zip<\/strong>, \u00e4r den mest popul\u00e4ra f\u00f6rlustfria datakomprimeringsmetoden p\u00e5 webben. Det l\u00e5ter dig minska storleken p\u00e5 webbplatsens HTML-sidor, stilmallar och skript.<\/p>\n
F\u00f6rutom att vara en datakomprimeringsalgoritm \u00e4r GZIP \u00e4ven ett filtill\u00e4gg(.gz<\/strong>) och en programvara som anv\u00e4nds f\u00f6r filkomprimering \/ dekomprimering.<\/p>\n
Den \u00e4r baserad p\u00e5 DEFLATE-algoritmen<\/a>, som \u00e4r blandning av LZ77-kodning och Huffman-kodningsalgoritmer<\/a>.<\/p>\n
\"GZIP-komprimering
GZIP-komprimering baseras p\u00e5 DEFLATE-algoritmen<\/figcaption><\/figure>\n
En GZIP-kompressor tar en upps\u00e4ttning r\u00e5data och komprimerar den f\u00f6rlustfritt. R\u00e5data kan komma fr\u00e5n vilken filtyp som helst, men GZIP fungerar b\u00e4st med textbaserade tillg\u00e5ngar (t.ex.HTML, CSS, JS).<\/p>\n
N\u00e4sta avsnitt beskriver med djupg\u00e5ende hur GZIP-komprimering fungerar.<\/p>\n
S\u00e5 h\u00e4r komprimerar GZIP data<\/h3>\n
\"En
En grov illustration av hur GZIP-komprimering fungerar<\/figcaption><\/figure>\n
Till att b\u00f6rja med k\u00f6r GZIP-kompressorn LZ77-komprimeringsalgoritmen<\/a> p\u00e5 r\u00e5data f\u00f6r att ta bort redundanser. Den h\u00e4r algoritmen fungerar genom att hitta upprepade m\u00f6nster i ett f\u00f6rdefinierat skjutf\u00f6nster (en liten del av r\u00e5data).<\/p>\n
Den ers\u00e4tter sedan alla upprepade str\u00e4ngar med tuplar f\u00f6r att komprimera r\u00e5data.<\/p>\n
\"En
En illustration av LZ77-kodningsalgoritmen<\/figcaption><\/figure>\n
I exemplet ovan \u00e4r skjutf\u00f6nstrets storlek endast 13 tecken l\u00e5ngt (13 byte). GZIP-komprimering kan dock anv\u00e4nda en maximal skjutf\u00f6nsterstorlek p\u00e5 32 KB (32 768 byte). Storleken p\u00e5 skjutf\u00f6nstret spelar en nyckelroll i LZ77-komprimeringsprestanda.<\/p>\n
Efter att ha komprimerat r\u00e5data med LZ77-algoritmen anv\u00e4nder GZIP-kompressorn Huffman-kodningsalgoritmen<\/a> f\u00f6r att komprimera den ytterligare. Den g\u00f6r detta genom att tilldela tecken som f\u00f6rekommer oftare det minsta antalet bitar, samtidigt som s\u00e4llsynta tecken tilldelas det h\u00f6gsta antalet bitar.<\/p>\n
Denna teknik liknar den som anv\u00e4nds i morsekod, d\u00e4r bokst\u00e4ver som f\u00f6rekommer oftare p\u00e5 engelska f\u00e5r de kortaste sekvenserna.<\/p>\n
F\u00f6r att f\u00f6rst\u00e5 hur Huffman-kodningsalgoritmen fungerar, kan du fundera \u00f6ver ordet BOOKKEEPER<\/strong><\/code>. Den \u00e4r 10 tecken l\u00e5ngt, men har endast 6 unika tecken. Detta ord har en bra blandning av singel, dubbel och trippel bokst\u00e4ver.<\/p>\n
N\u00e4stan alla webbplatser anv\u00e4nder UTF-8 teckenkodning<\/a> f\u00f6r att representera bokst\u00e4ver och symboler. Varje ASCII-tecken<\/a> i UTF-8, som \u00e4ven inkluderar det engelska alfabetet, anv\u00e4nder 1 byte (8 bitar).<\/p>\n
\"Ordet
Ordet ”BOOKKEEPER” har m\u00e5nga upprepande bokst\u00e4ver<\/figcaption><\/figure>\n
En str\u00e4ng med 10 tecken som BOOKKEEPER<\/strong><\/code> kr\u00e4ver 10 byte (80 bitar) minne. Du kan se att den inneh\u00e5ller 1 f\u00f6rekomst av bokst\u00e4verna B<\/strong>, P<\/strong>, R<\/strong><\/code>, 2 f\u00f6rekomster av bokst\u00e4verna O<\/strong><\/code> och K<\/strong><\/code> och 3 f\u00f6rekomster av bokstaven \u00a0E<\/strong><\/code>.<\/p>\n
Huffmans kodningsalgoritm anv\u00e4nder denna kunskap f\u00f6r att f\u00f6rlustfritt komprimera str\u00e4ngen. Den g\u00f6r detta genom att generera ett bin\u00e4rt tr\u00e4d med varje unik bokstav som blad.<\/p>\n
Bokst\u00e4ver som visas s\u00e4llan (t.ex. B<\/strong>, P<\/strong>, R<\/strong>) kommer att hamna l\u00e4ngst ner i tr\u00e4det, medan de som visas ofta (t.ex. \u00a0E<\/strong>, O<\/strong>, K<\/strong>) kommer att hamna h\u00f6gst upp.<\/p>\n
Den \u00f6versta noden i tr\u00e4det \u00e4r roten<\/strong>, och dess v\u00e4rde \u00e4r lika med det totala antalet tecken i str\u00e4ngen.<\/p>\n
\"Huffman-tr\u00e4d
Huffman-tr\u00e4d f\u00f6r ordet ”BOOKKEEPER”<\/figcaption><\/figure>\n
Efter att ha genererat Huffman-tr\u00e4det ges alla v\u00e4nster-f\u00f6rgrenande och h\u00f6gerf\u00f6rgrenande pilar 0<\/strong> respektive 1<\/strong> nummer. Du kan sedan generera Huffman-koden f\u00f6r vilket tecken som helst genom att sp\u00e5ra rot-till-blad-s\u00f6kv\u00e4gen och sammanfoga alla 0<\/strong>:or och 1<\/strong>:or.<\/p>\n
\"Huffman-koder
Huffman-koder \u00e4r unika bin\u00e4ra koder f\u00f6r varje tecken<\/figcaption><\/figure>\n
Du kan se att bokst\u00e4ver som f\u00f6rekommer ofta har Huffman-koder med de minsta bitstorlekarna.<\/p>\n
Obs: <\/strong>Huffmans kodningsalgoritm kan generera alternativa bin\u00e4ra koder genom att anv\u00e4nda en annan struktureringsstrategi f\u00f6r tecken med samma frekvenser. Den totala storleken p\u00e5 den kodade str\u00e4ngen f\u00f6rblir dock densamma.<\/p>\n
\"Ett
Ett ord p\u00e5 80 bitar kodat som en str\u00e4ng med 25 bitar<\/figcaption><\/figure>\n
Det \u00e4r en 68.75% <\/strong>minskning av det minne som kr\u00e4vs f\u00f6r att lagra det ursprungliga ordet.<\/p>\n
Att anv\u00e4nda Huffman-tr\u00e4det med 0<\/strong>\/1-<\/strong>konventionen genererar bin\u00e4ra koder som uppfyller prefixegenskapen<\/a>. Det s\u00e4kerst\u00e4ller att Huffman-koden f\u00f6r ett visst tecken inte \u00e4r ett prefix f\u00f6r n\u00e5got annat teckens kod, vilket g\u00f6r det enkelt att avkoda den kodade str\u00e4ngen med Huffman-tr\u00e4det. Detta spelar en prim\u00e4r roll i GZIP-dekompressionshastigheten.<\/p>\n
Precis som med ordet ovan anv\u00e4nder GZIP-kompressorn Huffman-kodningsalgoritmen f\u00f6r att ytterligare optimera tuples som genereras av LZ77-algoritmen. Detta resulterar i mycket komprimerade filer med .gz-f\u00f6rl\u00e4ngning<\/a>.<\/p>\n
Om du \u00e4r intresserad av att l\u00e4ra dig mer om hur GZIP fungerar, kan du se den h\u00e4r videon<\/a> f\u00f6r en snabb \u00f6versikt.<\/p>\n
Hur bra \u00e4r GZIP-komprimering?<\/h3>\n
Vanligtvis uppn\u00e5r GZIP ett komprimeringsf\u00f6rh\u00e5llande p\u00e5 cirka 70% f\u00f6r sm\u00e5 filer, men det kan n\u00e5 upp till 90% f\u00f6r st\u00f6rre textbaserade tillg\u00e5ngar.<\/p>\n
\"GZIP-komprimeringsf\u00f6rh\u00e5llanden
GZIP-komprimeringsf\u00f6rh\u00e5llanden f\u00f6r n\u00e5gra popul\u00e4ra CSS- och JS-bibliotek<\/figcaption><\/figure>\n
I tabellen ovan kan du se att komprimering av minifierade filer med GZIP kan minska deras storlek ytterligare.<\/p>\n
Obs:<\/strong> Du kan komprimera vilken filtyp som helst med GZIP, men f\u00f6r tillg\u00e5ngar som redan \u00e4r komprimerade med andra metoder (t.ex. bilder, videor) kommer det inte att inneb\u00e4ra n\u00e5gra minskningar. Ibland kan det till och med \u00f6ka filstorleken.<\/p>\n
Styrkan hos en komprimeringsalgoritm beror inte bara p\u00e5 dess komprimeringsf\u00f6rh\u00e5llande, utan \u00e4ven p\u00e5 hur snabbt och effektivt den kan komprimera och dekomprimera data. Det \u00e4r d\u00e4r GZIP utm\u00e4rker sig f\u00f6r de flesta anv\u00e4ndningsomr\u00e5den.<\/p>\n
Eftersom GZIP dekomprimerar snabbt med hj\u00e4lp av en str\u00f6mningsalgoritm passar det perfekt f\u00f6r webbprotokoll d\u00e4r hastighet \u00e4r av avg\u00f6rande betydelse. GZIP anv\u00e4nder dessutom minimala resurser f\u00f6r att b\u00e5de komprimera och dekomprimera data, vilket g\u00f6r det idealiskt f\u00f6r b\u00e5de servrar och kunder.<\/p>\n
\"Komprimeringsprestanda
Komprimeringsprestanda f\u00f6r brotli vs bzip2 vs GZIP vs xz (K\u00e4lla: OpenCPU)<\/figcaption><\/figure>\n
Diagrammen ovan j\u00e4mf\u00f6r komprimeringsprestandan f\u00f6r brotli,<\/strong> bzip2,<\/strong> gzip <\/strong>och xz <\/strong>komprimeringsalgoritmer.<\/strong> GZIP f\u00f6rlorar med liten marginal i komprimeringsf\u00f6rh\u00e5llandetestet, men f\u00f6r komprimerings- och dekompressionshastigheter tar det hem vinsten.<\/p>\n
N\u00e4r vi tittar p\u00e5 komprimeringshastighetsdiagrammet kan vi dra slutsatsen att GZIP \u00e4r idealiskt f\u00f6r realtidskomprimering i HTTP-servrar och andra datastr\u00f6mmar p\u00e5 webben. Med tanke p\u00e5 alla dess positiva resultat n\u00e4r det g\u00e4ller att fr\u00e4mja webben klassade IETF GZIP<\/a> som ett av de tre standardformaten f\u00f6r komprimering i HTTP\/1.1.<\/p>\n
Obs:<\/strong> En abstraktion av GZIP:s komprimeringsbibliotek zlib<\/strong> anv\u00e4nds i m\u00e5nga popul\u00e4ra operativsystem (Linux, macOS, iOS) och moderna spelkonsoler (PlayStation 4, Wii U, Xbox One). Det anv\u00e4nds \u00e4ven i det f\u00f6rlustfria PNG-filformatet f\u00f6r att komprimera bilder.<\/p>\n
6 F\u00f6rdelar med GZIP-komprimering<\/h2>\n
L\u00e5t oss ta en n\u00e4rmare titt p\u00e5 de viktigaste f\u00f6rdelarna med GZIP-komprimering.<\/p>\n
Ger ett anst\u00e4ndigt komprimeringsf\u00f6rh\u00e5llande<\/h3>\n
Som vi n\u00e4mnt tidigare har GZIP inte det b\u00e4sta komprimeringsf\u00f6rh\u00e5llandet j\u00e4mf\u00f6rt med sin konkurrens. Men det ligger inte s\u00e5 l\u00e5ngt efter. Det kan vanligtvis hj\u00e4lpa dig att minska storleken p\u00e5 textbaserade resurser med 70-90%.<\/p>\n
Supersnabb komprimering och dekompression<\/h3>\n
F\u00f6r datakomprimerings- och dekompressionshastigheter \u00e4r GZIP den tydliga vinnaren. Det passar fint f\u00f6r komprimering i farten i HTTP-servrar och andra datastr\u00f6mmar.<\/p>\n
Kr\u00e4ver v\u00e4ldigt lite minne<\/h3>\n
GZIP l\u00e4mnar ett minimalt minnesavtryck, vilket g\u00f6r det l\u00e4mpligt f\u00f6r servrar och system med begr\u00e4nsad minneskapacitet. D\u00e4rf\u00f6r st\u00f6ds det \u00e4ven av de billigaste hosting-leverant\u00f6rerna<\/a>.<\/p>\n
Expanderar inte mycket ens i v\u00e4rsta fall<\/h3>\n
F\u00f6rlustfria datakomprimeringsalgoritmer som GZIP har en strikt gr\u00e4ns, ut\u00f6ver vilken de inte kan komprimera data.<\/p>\n
Vanligtvis h\u00e4nder detta n\u00e4r resursen redan komprimeras v\u00e4l, eller om den \u00e4r liten och priset f\u00f6r att l\u00e4gga till GZIP-ordlistan \u00e4r h\u00f6gre \u00e4n komprimeringsbesparingarna. Vi kan tillskriva detta fenomen till ett koncept som kallas entropikodning<\/a>. GZIP \u00e4r mycket resistent mot denna effekt.<\/p>\n
Kostnadsfritt att anv\u00e4nda och \u00f6ppen k\u00e4llkod<\/h3>\n
GZIP skapades fr\u00e4mst som en kostnadsfri ers\u00e4ttning med \u00f6ppen k\u00e4llkod<\/a> f\u00f6r det patenterade kompressprogrammet som anv\u00e4nds i tidiga Unix-system. Det \u00e4r s\u00e5ledes inte belastat med n\u00e5got patent och kan anv\u00e4ndas fritt av vem som helst.<\/p>\n
Har universell support<\/h3>\n
Enligt W3Techs<\/a> anv\u00e4nds GZIP-komprimering av 82% <\/strong>av alla webbplatser som de sp\u00e5rar, vilket g\u00f6r det till den mest anv\u00e4nda komprimeringsalgoritmen p\u00e5 webben.<\/p>\n
GZIP st\u00f6ds av n\u00e4stan alla servrar och klienter. Oavsett vilken server som du hostar din webbplats p\u00e5 kan du snabba upp den genom att aktivera GZIP.<\/p>\n
GZIP-varningar i verktyg f\u00f6r hastighetstestning av webbplatser<\/h2>\n
Ut\u00f6ver minifiering \u00e4r aktivering av GZIP en av de enklaste och mest effektiva hastighetsoptimeringarna<\/a> som du kan implementera p\u00e5 din webbplats.<\/p>\n
Det \u00e4r \u00e4ven ett av de enklaste s\u00e4tten att optimera WordPress. Trots detta anv\u00e4nder m\u00e5nga WordPress-webbplatser fortfarande inte detta.<\/p>\n
N\u00e4r du bes\u00f6ker en webbplats kontrollerar webbl\u00e4saren om webbservern har GZIP aktiverat genom att s\u00f6ka efter svarshuvudet content-encoding: gzip<\/code>.<\/strong> Om sidhuvudet existerar h\u00e4mtas de komprimerade filerna, dekomprimeras och sedan betj\u00e4nas de mindre filerna automatiskt.<\/p>\n
\"Svarshuvudet
Svarshuvudet ”content-encoding: gzip” i Chrome DevTools<\/figcaption><\/figure>\n
Om webbl\u00e4saren inte uppt\u00e4cker GZIP-svarshuvudet h\u00e4mtas de okomprimerade filerna. I m\u00e5nga fall kan skillnaden i sidinl\u00e4sningshastigheter vara flera sekunder. S\u00e5 om du inte har GZIP aktiverat, kommer du att f\u00e5 varningar i testverktyg f\u00f6r webbplatshastighet<\/a>.<\/p>\n
GZIP-varning i Google PageSpeed Insights \/ Lighthouse<\/h3>\n
Google PageSpeed Insights<\/a> varnar n\u00e4r du inte har n\u00e5gon textkomprimering aktiverad p\u00e5 din webbplats.<\/p>\n
Obs:<\/strong> Google PageSpeed Insights och Google Lighthouse var tv\u00e5 separata testverktyg f\u00f6r webbplatsprestanda. De arbetade oberoende av varandra fram till 2018, d\u00e5 Google uppgraderade PageSpeed Insights s\u00e5 att det anv\u00e4nder Lighthouse<\/a> som analysmotor. S\u00e5 nuf\u00f6rtiden \u00e4r PageSpeed Insights och Lighthouse samma sak.<\/p>\n
\"Varning
Varning om ”Aktivering av textkomprimering” i Google PageSpeed Insights<\/figcaption><\/figure>\n
P\u00e5 exempelwebbplatsen ovan kan komprimering av textbaserade resurser minska sidvikten med \u00f6ver 78 %<\/strong> och p\u00e5skynda sidinl\u00e4sningstiden med 2,1 sekunder<\/strong>.<\/p>\n
Obs: <\/strong>PageSpeed Insights f\u00f6rlitar sig p\u00e5 de svarshuvuden som servern returnerar till webbl\u00e4saren. Ibland kan det komma en falsk varning \u00e4ven n\u00e4r du har GZIP-komprimering aktiverad. Det kan bero p\u00e5 att hastighetstestet k\u00f6rs p\u00e5 en dator som anv\u00e4nder en mellanliggande proxyserver eller en s\u00e4kerhetsprogramvara. De kan st\u00f6ra nedladdningen av komprimerade filer fr\u00e5n externa servrar.<\/p>\n
GZIP-varning i GTmetrix<\/h3>\n
GTmetrix<\/a> visar en varning om din webbplats inte betj\u00e4nar komprimerade textbaserade resurser. Precis som Google PageSpeed Insights visar det dig \u00e4ven de potentiella besparingar som du kan uppn\u00e5.<\/p>\n
\"Varning
Varning f\u00f6r ”Aktivering av komprimering” i GTmetrix<\/figcaption><\/figure>\n
Obs: <\/strong>GTmetrix uppgraderar sin hastighetstestalgoritm<\/a> f\u00f6r att ers\u00e4tta de gamla PageSpeed Insights- och YSlow-biblioteken med de senaste Google Lighthouse-m\u00e4tv\u00e4rdena<\/a>. Du kan f\u00f6rv\u00e4nta dig att dess GZIP-komprimeringsvarning liknar den som visas av Lighthouse.<\/p>\n
GZIP-varning i pingdom Tools<\/h3>\n
Pingdom Tools<\/a> ger en rak och enkel varning f\u00f6r att komprimera dina webbplatskomponenter med GZIP.<\/p>\n
\"Varning
Varning om ”Komprimering av komponenter med GZIP” i Pingdom Tools<\/figcaption><\/figure>\n
I beskrivningsavsnittet ger Pingdom Tools \u00e4ven lite statistik om vikten av GZIP. Finemang!<\/p>\n
GZIP-varning i WebPageTest<\/h3>\n
WebPageTest<\/a> visar en varning i fliken Prestandagranskning<\/strong> om det uppt\u00e4cker att eventuella komprimerbara svar inte visas p\u00e5 det mest optimerade s\u00e4ttet.<\/p>\n
\"Varning
Varning om ”Anv\u00e4ndande av GZIP-komprimering” i WebPageTest<\/figcaption><\/figure>\n
WebPageTest ger dig \u00e4ven en bed\u00f6md po\u00e4ng f\u00f6r att visa hur allvarlig en varning \u00e4r. Den ger exempelvis den ovanst\u00e5ende varningen betyget 23 av 100, vilket inneb\u00e4r att du b\u00f6r fixa det som en prioritet.<\/p>\n
S\u00e5 h\u00e4r kontrollerar du om GZIP-komprimering \u00e4r aktiverat?<\/h2>\n
HTTP-huvudet Accept-Encoding: gzip, deflate<\/strong><\/code> st\u00f6ds av i stort sett alla moderna webbl\u00e4sare<\/a>. D\u00e4rf\u00f6r aktiverar de flesta webb-hostar GZIP-komprimering (eller Brotli-komprimering<\/a>) som standard p\u00e5 alla sina servrar.<\/p>\n
N\u00e4r webbservrar ser det h\u00e4r huvudet som skickas av en webbl\u00e4sare k\u00e4nner de igen webbl\u00e4sarens st\u00f6d f\u00f6r GZIP och svarar med ett komprimerat HTTP-svar med hj\u00e4lp av huvudet Content-encoding: gzip<\/code><\/strong>.<\/p>\n
Men om du anv\u00e4nder en annan host, eller om du bara vill bekr\u00e4fta om din webbplats serverar GZIP-komprimerat inneh\u00e5ll korrekt, ska du alltid kontrollera om det \u00e4r aktiverat.<\/p>\n
Nedan \u00e4r n\u00e5gra enkla s\u00e4tt att s\u00f6ka efter GZIP-komprimering.
\n
<\/div><\/kinsta-auto-toc><\/p>\n
1. Verktyg f\u00f6r GZIP-komprimering online<\/h3>\n
Att anv\u00e4nda ett onlineverktyg \u00e4r det enklaste s\u00e4ttet att kontrollera om GZIP-komprimering \u00e4r aktiverat p\u00e5 din webbplats. Jag rekommenderar att du anv\u00e4nder de kostnadsfria verktygen Check GZIP Compression<\/a> eller\u00a0HTTP Compression Test<\/a>.\u00a0Ange bara din webbplats URL<\/a> och tryck p\u00e5 knappen Kontrollera<\/strong> eller Testa<\/strong>.<\/p>\n
B\u00e5da dessa onlineverktyg visar dig en kort rapport om huruvida GZIP \u00e4r aktiverat eller inte, och hur mycket data\u00f6verf\u00f6ring du har sparat (eller kan spara) genom att betj\u00e4na testadressen med GZIP-komprimering aktiverad.<\/p>\n
Det f\u00f6rsta verktyget visar dig \u00e4ven annan relevant information, exempelvis webbplatsens servertyp, inneh\u00e5llstyp och komprimeringstid.<\/p>\n
\"Testa
Testa Kinstas hemsida med check GZIP-komprimeringsverktyget<\/figcaption><\/figure>\n
Obs:<\/strong> Fr\u00e5n och med den 5 november \u00e5r 2021 s\u00e5 har Kinsta uppgraderat till Brotli-komprimering via Cloudflare f\u00f6r alla HTTPS-f\u00f6rfr\u00e5gningar. Du kan testa om du har Brotli-komprimering genom att kontrollera content-encoding: br<\/code> i en f\u00f6rfr\u00e5gans svars-sidhuvuden.<\/p>\n
\"Testa
Testa Kinsta.com med HTTP-komprimeringstestverktyg<\/figcaption><\/figure>\n
Du b\u00f6r vara medveten om att GZIP-optimering inte bara jobbar p\u00e5 din webbsida, utan inneh\u00e5ller \u00e4ven dess statiska textbaserade tillg\u00e5ngar som formatmallar, skript och teckensnitt. Om du anv\u00e4nder ett CDN f\u00f6r att betj\u00e4na dessa tillg\u00e5ngar m\u00e5ste du se till att CDN ocks\u00e5 betj\u00e4nar dem med aktiverad GZIP-komprimering.<\/p>\n
De flesta moderna CDN<\/a> som Cloudflare, Kinsta CDN,<\/a> KeyCDN och CloudFront st\u00f6der GZIP-komprimering. Du kan testa tillg\u00e5ngar som betj\u00e4nas av CDN f\u00f6r GZIP-komprimering genom att l\u00e4nka direkt till tillg\u00e5ngarna.<\/p>\n
\"GZIP-komprimeringstest
GZIP-komprimeringstest f\u00f6r tillg\u00e5ngar som hostas av ett CDN<\/figcaption><\/figure>\n
I ovanst\u00e5ende rapport kan du se att Kinsta CDN anv\u00e4nder KeyCDN-motorn<\/a>, som \u00e4r ett traditionellt pull-CDN.<\/p>\n
Obs:<\/strong> Kinsta har bytt till Cloudflare som CDN-partner f\u00f6r att snabba upp och s\u00e4kra v\u00e5ra kunders webbplatser. Du kan l\u00e4sa mer om detta h\u00e4r<\/a>.<\/p>\n
Om du anv\u00e4nder Kinsta som host f\u00f6r din webbplats s\u00e5 beh\u00f6ver du inte oroa dig f\u00f6r att du har GZIP-komprimering eftersom vi aktiverar Brotli-komprimering \u2013 ett snabbare alternativ till GZIP-komprimering<\/a> \u2013 som standard.<\/p>\n