Nybörjarguide för optimering av webbplatsfiler (70% snabbare laddning)

För att påskynda din webbplats och spara bandbredd är kompression ett av de mest effektiva (och enklaste) sätten att uppnå det.


… Men många webbplatsägare optimerar fortfarande inte sina filer under 2020, antingen för att de inte vet hur viktigt det är eller om de inte vet hur.

För att göra en lång historia kort är ett av de viktigaste sätten att påskynda dina sidhastighetshastigheter att göra dina JavaScript (JS) -filer att ladda snabbare … Och du kan påskynda din JavaScript genom att använda GZIP-komprimering.

Nu är detta bara perfekt för moderna webbläsare, men de flesta på internet använder en ny enhet och webbläsare. Både Yahoo och Google använder GZIP-komprimering.

Men först, låt oss skapa lite sammanhang.

Steg 1: Vad är innehållskodning?

För att effektivt kunna optimera dina webbplatsfiler är det viktigt att förstå ett koncept som kallas innehållskodning.

För att uttrycka det enkelt används detta för att göra det möjligt för ett dokument att komprimeras utan risken att förlora sin underliggande mediatyp. Din webbläsare kommer att prata med en webbserver när du begär en fil.

HTTP-begäran

I grund och botten berättar webbläsaren servern vad den vill ha. Servern letar efter den och hittar den. Webbläsaren laddar sedan den. Ju större filen är, desto längre tid tar webbläsaren att ladda den.

Så, vad gör du när en fil är för stor?

Du kommer att zip det. När du skickar en fil som är zippad till en webbläsare sparar du både nedladdningstid och bandbredd.

Det finns två element associerade med servern och webbläsaren att veta att det är bra att skicka en zippad fil:

  • Webbläsaren låter servern veta att det är bra att skicka det komprimerade innehållet genom att skicka en rubrik
  • Om innehållet är komprimerat skickar servern ett svar

Om filen inte är komprimerad skickar servern inte över den innehållskodande svarhuvudet. Acceptkodningsrubriken är inte ett krav, utan bara en begäran från webbläsaren.

Webbläsaren kommer att behöva hantera den vanliga tunga versionen är servern inte skickar över det komprimerade innehållet.

Sätta upp servern

Du har inte kontroll över webbläsaren. Det skickar antingen rubriken eller så skickar den inte. Du kan dock konfigurera servern du använder för att säkerställa att blixtlåsinnehållet returneras så länge webbläsaren kan hantera den. Detta resulterar i betydande besparingar på bandbredden.

webbprestanda efter komprimering

För att göra detta, aktivera helt enkelt komprimeringsinställningarna för IIS. Om du använder Apache är det relativt enkelt att aktivera utkomprimering. Gå bara till din .htaccess-fil och lägg till rätt kod.

Det finns två komprimeringsalternativ att välja mellan med Apache:

  • mod_deflate är standard och det är lättare att installera det
  • mod_gzip låter dig förkomprimera innehåll och det verkar mer kraftfullt

enkel apache tömning

Oavsett vilket alternativ du väljer kommer Apache att se om webbläsaren skickade rubriken för accept-kodning och sedan returnera filen i sin vanliga version eller den komprimerade versionen.

Om en äldre webbläsare orsakar problem, finns det saker du kan göra för att korrigera det genom att lägga till vissa specialdirektiv.

För att returnera komprimerat innehåll kan du använda PHP om du inte kan göra ändringar i din .htaccess-fil. I PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ob_gzhandler”); annars ob_start (); ?>

En gzippad version av filen returneras efter kontroll av accept-kodningens rubrik. Detta liknar att bygga en webbserver på egen hand. För att komprimera din utgång, Apache gör det enklare.

Viktigt förbehåll: de flesta webbplatsbyggnadsprogramvara tillåter inte redigering på kodnivå (med vissa undantag). När vi är värd för Kanada är vi starka förespråkare för att själv värda din webbplats, men inser att det inte är för alla. När du använder webbplatsbyggare som Squarespace, Wix eller Weebly är den här typen av serveringsnivåer som troligen är utanför din räckvidd.

Verifiera din komprimering

Det är viktigt att se till att du levererar komprimerat innehåll när du är klar med att konfigurera servern. För att avgöra om din sida är komprimerad online kan du använda ett online GZIP-test.

I din webbläsare kan utvecklarverktygen hjälpa dig med detta. Du vill gå till nätverksfliken, uppdatera sidan och sedan klicka på den specifika sidans nätverkslinje.

Om innehållet skickades komprimerat ser du rubriken “innehållskodning: GZIP”.

google chrome gzip header

För att få mer information kan du klicka på ikonen för “använd stora rader.” Detta ger också information om den verkliga innehållsstorleken och den komprimerade överföringsstorleken.

Varning att överväga

Komprimering ger en mängd fördelar, men det finns nackdelar med allt. Du vill vara medveten om följande:

  • Graf för kompressionsförhållandeInnehåll som redan är komprimerat: De flesta musik, videor och bilder är redan komprimerade. Om du försöker komprimera dem igen, detta är till stor del bara slöseri med tid. I de flesta fall behöver du bara oroa dig för att komprimera CSS, HTML och JavaScript.
  • Äldre webbläsare: Komprimerat innehåll är inte kompatibelt med alla webbläsare. Detta gäller särskilt för äldre webbläsare. Till exempel kanske du vill undvika HTTP-komprimering om du måste arbeta med Windows 95 eller med Netscape 1.0. Det finns några regler och riktlinjer för att undvika komprimering för äldre webbläsare med Apache mod-deflate.
  • CPU-belastning: Spara bandbredd och använd CPU-tid när du komprimerar innehåll direkt. Med tanke på kompressionshastigheten betraktas avvägningen vanligtvis som rättvis. Det finns sätt att både skicka över komprimerade versioner och förkomprimera statiskt innehåll. Detta kräver generellt mer konfiguration. Kom ihåg att människor på internet har en kort uppmärksamhetsperiod, så att öka hastigheten för bättre användarupplevelse genom att använda CPU-cykler är vanligtvis alltid en bra idé.

Varför du ska använda GZIP-komprimering

http-komprimeringskonsolGZIP-komprimering erbjuder många fördelar. Det är viktigt att veta vad dessa är så att du är helt medveten om varför du börjar använda det.

I genomsnitt, Om du använder GZIP för att komprimera dina CSS- och HTML-filer sparar du 50 till 70 procent av den totala filstorleken. Denna betydande besparing av filstorlek resulterar i en mycket bättre och effektiv användarupplevelse på din webbplats.

Denna teknik spelar också en viktig roll i den övergripande SEO på din webbplats. Sökmotorer använder komplexa algoritmer för att avgöra var webbplatser och webbsidor faller i sökresultaten.

Ett element som blir viktigare för varje algoritmuppdatering är laddningstiden på webbsidan. Sökmotorer använder denna information för att bestämma den totala optimeringen av en webbplats.

gzip-komprimeringshastighetstestNär webbsidor laddas snabbt behöver de som besöker webbplatsen inte vänta för att få tillgång till innehållet de letar efter. Kom ihåg att internetanvändare har ett kort uppmärksamhetsområde.

Om en webbsida tar för lång tid att ladda, kommer användaren troligen att klicka bort och hitta en snabbare webbplats med liknande information. Sökmotorer vill belöna de snabbare laddningswebbplatserna, så de ger dem högre placering av sökresultat.

En snabbare webbplats ökar också konverteringarna. Detta innebär att om du har en e-handelswebbplats, ju snabbare den laddas, desto högre är försäljningen. Faktum är att cirka 51 procent av amerikanerna säger att det enda skälet till att de lämnar ett köp är en långsam webbplats.

Fallstudier visar att du kan förbättra din konverteringsfrekvens med mer än 15 procent genom att minska din webbplats laddningstid med bara 2,2 sekunder.

Felsökningsproblem med GZIP-komprimering

Liksom alla tekniska element kan GZIP-komprimering misslyckas av de minsta skälen. Den goda nyheten är att de flesta av orsakerna till fel är fixerbara.

Det första elementet att titta på är om GZIP-komprimering stöds av din webbhotell. Även om de flesta stöder det på grund av dess betydelse för sidbelastning, finns det några få som inte har brytt sig om att säkerställa kompatibilitet. Du kan kontakta din webbhotell för att avgöra om GZIP-kompatibilitet är ett problem.

Nästa element att utforska är din kod. Även en fel karaktär kan orsaka problem. Leta efter ett missat tecken, ett syntaxfel eller någon felaktig kod. All din kodning måste arbeta med din arkitektur för att komprimering ska bli framgångsrik.

Du kan bara kontrollera din kod som du matade in med PHP eller .htaccess (detta diskuterades ovan). Om du inte kan hitta ett problem, men du tror att koden är skyldig, överväg bara att byta ut den helt med en annan kod som är mer benägna att fungera.

I vissa fall har din webbhotell tillgång till rätt filer för att tillåta GZIP-komprimering, men det gör du inte. I det här fallet, ring bara din värd och be dem att aktivera dessa.

Du lärde dig tidigare i den här artikeln om att kontrollera din GZIP-komprimering. Detta är ett snabbt och enkelt alternativ för felsökning. Det rekommenderas vanligtvis att du gör detta först. Om något fortfarande är fel ska du kontakta din webbhotell och utvärdera koden du använde.

Om din webbläsare är inaktuell, också detta kan orsaka problem med GZIP-komprimering. Detta är särskilt vanligt med gamla Internet Explorer-versioner. Om många som besöker din webbplats använder en gammal webbläsare är det ett problem du kanske måste ta itu med.

Om filerna på din webbplats är extremt stora kan också detta utgöra problem angående GZIP-komprimering. Om du använder en äldre GZIP-version kan filstorleksgränserna vara relativt små, till exempel två gigabyte eller mindre. På grund av detta vill du bestämma vilka gränser för din GZIP-version är.

Ett av de bästa sätten att göra förbättra prestandan och hastigheten på din webbplats genom att aktivera komprimering. Nu när du vet hur du gör det kan du börja dra fördel av fördelarna.

Var medveten om varningar och betrakta dem när du arbetar. Nästa steg är att få den konfigurerad så att dina besökare kan skörda fördelarna.

En ofta förbises webbplatshastighetsfaktor har att göra med ditt val av webbhotell. Ja, det gör en skillnad som du väljer, eftersom vissa helt enkelt klarar sig bättre när du tar dig tid att krossa data.

För mer information, titta på min guide till hur du kan förbättra din webbplats hastighet.

Referenser och bildkrediter:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector