Teknisk Marknadsföring, Tjäna pengar på dina Bloggar och Prylar

Webbplatsstorlek – varför är det viktigt? Och hur optimerar man det?

 Webbplatsstorlek – varför är det viktigt?  Och hur optimerar man det?

Vad är storleken på webbsidan?

Termen webbsidastorlek i SEO-världen hänvisar till storleken på en viss webbsidas nedladdade fil.

Storleken på en webbsida består av alla filer som utgör sidan. En typisk webbsida består av flera filer, som kan innehålla HTML, CSS, Javascript eller bildfiler, såväl som andra resurser.

Hur fungerar webbsidans storlek?

Alla filer på sajten har olika storlekar, vilket summerar till storleken på webbsidan.

Till exempel är en webbsida som består av ett HTML-dokument på 110 KB, en bild på 223 KB och en arkfil på 87 KB 420 KB.

När du tittar på din webbplats med Ahrefs kan du enkelt identifiera den övergripande sidstorleken på din webbplats.

Bilder tenderar att ha störst effekt, medan inbäddade videor, skript eller CSS-stilar också kan öka storleken på en webbsida.

Från skärmdumpen nedan kommer du att märka att bilderna faktiskt är de tyngsta.

När du integrerar fler plugins och marknadsföringsprogram, kan din sidstorlek växa ganska mycket.

Webbsidornas storlek har ökat stadigt under åren. Den första webbsidan var bara 4 kilobyte.

Detta berodde främst på att webbläsare då inte stödde många av de saker de gör idag.

Till exempel började webbläsare stödja bilder först 1993.

Förbi HTTP-arkiv den genomsnittliga webbsidans storlek i augusti 2017 var 1,6 MB för stationära webbplatser. Detta är en betydande ökning från 2014 års genomsnitt på 1,2 megabyte.

I september 2022 kommer den genomsnittliga webbsidans storlek att vara cirka 2,2 MB för datorwebbplatser och 2 MB för mobilwebbplatser.

Enligt Pingdom Genomsnittlig webbplats 2017i genomsnitt 819 KB reserverades för video och 1 818 KB för bilder.

År 2021 kommer vi att se att bilder fortfarande kommer att utgöra majoriteten av den totala storleken på webbsidor.

Ladda ner webbsidas storlek kontra råstorlek

Innan vi fortsätter diskutera webbsidans storlek och hur man minskar den måste vi göra en viktig skillnad mellan obehandlad sidstorlek och laddningssida.

Om du skulle kombinera alla okomprimerade element på en sida, skulle du få den råa sidstorleken.

Eftersom moderna webbprotokoll komprimerar sidfiler är nedladdningssidans storlek mindre än den faktiska obearbetade sidstorleken.

Storleken på webbsidan som ska laddas ner betyder den totala mängd innehåll som webbläsaren laddar ner för att se webbsidan.

Till exempel klassificeras alla inplacerade optimeringar som minifiering som lastande sidstorlek.

Å andra sidan, om du använder ett bildkomprimeringsverktyg för att optimera bilder på en webbsida, optimerar du råstorleken.

Webbplatskomprimeringsalgoritmer

Därefter ska vi kort diskutera de tre vanligaste algoritmerna för webbplatskomprimering. De flesta människor behöver inte oroa sig för mycket om komprimeringsmetoder eftersom webbservern är konfigurerad att använda en komprimeringsalgoritm för det mesta. Detta är helt enkelt en förklaring av varje komprimeringsalgoritm.

Gzip

Gzip är den mest använda komprimeringstekniken för att överföra och komprimera data över Internet.

Läsa:  Gratis online videoredigeringsapp som heter CapCut

Denna komprimeringsalgoritm är förmodligen en av de äldsta webbkomprimeringsteknikerna, efter att ha introducerats 1992. Den används dock fortfarande i stor utsträckning av webbplatser, och mer än 52,7 % av alla webbplatser som använder Gzip-komprimering 2022.

Tömma

Deflate är en förlustfri komprimeringsmetod som använder en kombination av LZ77-algoritmen och Huffman-kodning för att minska storleken på webbsidesfiler.

Kompressionsalgoritmen hittar byte med data som upprepas. Den ersätter sedan de upprepade data med en kort referens som pekar tillbaka till originaldata, vilket minskar den totala storleken.

Brotli

Brotli, utvecklad av Google, är en annan förlustfri komprimeringsalgoritm som är ett starkt alternativ till Gzip-komprimeringsmetoden och ofta ger bättre övergripande komprimering, speciellt för textbaserade resurser/filer.

Skillnaden mellan Brotli-komprimering och andra komprimeringsmetoder är att Brotli dessutom använder en fördefinierad statisk ordbok och en dynamisk ordbok för att komprimera data och filer.

Varför är webbsidans storlek viktig?

Webbsidans storlek spelar roll när du överväger din webbplatss sökmotorrankning.

Det påverkar inte bara din webbplatsrankning utan även din webbplatsprestanda. Några av anledningarna till att du bör fokusera på storleken på din webbsida är:

Nedladdningshastigheter

Förbi Googles webbansvarigaladdningshastighet är en av faktorerna som beaktas när webbsidor rangordnas.

Sidor som läses in snabbare rankas högre än sidor som läses in långsamt. Detta beror främst på att långsamma sidor inte är användbara för de flesta på grund av deras högre avvisningsfrekvens.

Hur hänger detta ihop med webbsidans storlek? Tja, storleken på webbsidan påverkar direkt webbsidans laddningshastighet.

Mobilsökning

Den ökade användningen av smartphones har haft en positiv effekt på användningen av mobiltelefoner för internetsurfning.

2015 meddelade Google att användningen av mobiltelefoner för webbsökningar överträffade stationära datorer för första gången bland världens 10 bästa ekonomier.

2018 startade Google mobil-först indexering. Detta är ett stort problem eftersom det tar längre tid att ladda webbsidor på mobilen än på datorn.

Förbi Lukew, 4G-smarttelefoner laddar webbsidor 12 % långsammare, medan 3G-telefoner laddar 40 % långsammare än stationära datorer. Det enda sättet att förbättra laddningstiden på mobila enheter är att minska den genomsnittliga storleken på dina webbsidor.

Detta är viktigt eftersom Google tar hänsyn till mobilrespons när de beslutar om SEO-rankningar.

Kostnader för webbhotell

Dina webbhotellplaner är baserade på bandbredd.

Företaget som är värd för din webbplats uppskattar mängden bandbredd baserat på storleken på webbsidan, antalet sidor och antalet besökare.

Om din webbplats består av större sidor kommer du förmodligen att behöva mer bandbredd än du använder för närvarande. Detta ökar kostnaderna för att hosta din webbplats.

Bästa metoder för webbsidastorlek

Idag kräver internetmarknadsföring mycket avvägning mellan olika faktorer.

Webbsidornas storlek har ökat stadigt under åren. En anledning till detta är bildernas popularitet online.

De flesta människor som besöker din webbplats kommer inte att läsa dina webbsidor om de inte har attraktiva bilder eller grafik.

Det är därför det är viktigt att hitta en balans mellan att använda bilder och att minimera storleken på dina webbsidor. För att få allt rätt, här är flera bästa praxis du måste följa:

Optimera bilder

Bilder spelar en viktig roll på webbplatser. De hjälper till att förmedla information som bara ord inte kan.

Användningen av bilder ökar dock storleken på webbsidan, vilket avsevärt minskar sidladdningshastigheten.

För att förbättra hastigheten på din webbplats är det viktigt att överväga att komprimera eller ändra storlek på dina bilder till den rekommenderade filstorleken på 500KB.

Att helt enkelt komprimera bilder och text kan förändra spelet – gjort på rätt sätt sparar 30 % av sidorna mer än 250 KB.

Läsa:  Hur startar jag om Dell laptop?

Du kan komprimera bilder eller ändra storlek på dem effektivt med flera verktyg:

  • kraken.io
  • Compressor.io
  • Komprimera jpeg
  • Jpegmin
  • TinyPng

Ett annat sätt att optimera bilder är att använda CSS sprites.

Källa: Medium

Detta innebär att kombinera flera bilder till en enda bild och sedan använda CSS för att visa den individuella bilden efter behov.

Detta sparar bandbredd eftersom färre förfrågningar görs för bilder.

Undvik onödiga anpassade typsnitt

Ett anpassat typsnitt ökar attraktionskraften för din webbplats, men det kan också göra sidan tung, öka laddningstiden och ge negativa resultat.

Att undvika onödiga anpassade teckensnitt kommer att minska storleken på dina webbsidor och minska laddningstiden, vilket i slutändan ökar antalet besökare på din sida.

Minimera resurser

Resursminskning är processen att ta bort överflödig eller onödig information från dina webbsidor utan att påverka hur webbläsare behandlar dem.

Minifiering kan till exempel innefatta att ta bort oanvänd kod, kodkommentarer eller kortare funktionsnamn.

Google tillhandahåller en detaljerad guide om hur du går tillväga minimera resurser.

Använd Content Delivery Networks (CDN)

Många människor använder nu CDN för att snabba upp webbplatser i denna tid av ökande sidstorlek. Dessa är sammankopplade serversystem som använder geografisk närhetsteknik för att leverera onlineinnehåll.

Källa: Cloudflare

Detta är ett viktigt verktyg för lokala SEO-placeringar för franchiseföretag eftersom webbsidorna kommer att visas för sökare med den plats där webbplatselementen lagras.

Detta hjälper också när webbsidorna är relativt tyngre. Det säger sig självt att webbsidans storlek är viktig för din webbplats ranking.

Större webbsidor laddas långsamt, vilket innebär att Google ignorerar dessa sidor när de bestämmer vilka sidor som ska rangordnas.

Detta beror på att användarna inte gillar sidor som laddas långsamt, och sökmotorföretaget är stolta över kundnöjdhet.

För att se till att dina sidor laddas snabbare måste du ta reda på deras storlekar och optimera dem. Det finns flera andra verktyg som hjälper dig att göra detta:

  • Webbplatsanalysator
  • Webbplatsklassare
  • Sidstorleksavgränsare
  • Xenu

Optimering av webbplatsstorlek för WordPress

WordPress är det överlägset mest populära innehållshanteringssystemet. Om du har en WordPress-webbplats kan du göra den snabbare genom att optimera webbsidans storlek.

Detta kan göras genom att följa dessa enkla instruktioner:

Optimera teckensnitt

Olika typsnitt används för att skapa sidinnehåll. KeyCDN-recensioner bevisar detta teckensnitt utgör i genomsnitt 123 kB av den totala sidstorleken.

Från och med september 2022 var andelen teckensnitt i storleken på webbplatsen cirka 143 KB och i mobila enheter 124 KB.

Eftersom det finns olika typsnitt tillgängliga och vi strävar efter att hitta unika är det viktigt att välja typsnitt som inte är krångliga.

Laddningshastighet och teckensnittsstorlekar är viktiga faktorer att ta hänsyn till i detta avseende.

Även om det finns anpassade teckensnitt tillgängliga för att skapa sidor, finns det också ett alternativ att välja det som fungerar bäst teckensnittsoptimeringsprocess.

Optimera din WordPress-fil och bildkomprimering med plugins

Du kan också kontrollera om olika plugins lägger till sina egna font-awesome.min.css-filer.

Du kan kombinera dessa filer så att du har färre .css-filer på din WordPress-webbplats genom att använda ett plugin som Merge + Minify + Refresh eller Page Ninja.

Optimera bilder

Bilder förbättrar en webbplats avsevärt. De gör sidan attraktiv och gör det lättare för besökare att interagera med sajten.

Den ökande storleken på webbsidor har tillskrivits användningen av bilder.

Att minska antalet bilder per produkt, minska storleken på bilderna och ordna bilderna rätt på sidan är tre bra sätt att optimera storleken.

Läsa:  Bakåtlänkar från Medium: Är de värda det? & Hur man får tag i dem

Kom ihåg att använda tillförlitliga och effektiva applikationer för bildkomprimering. Sådana verktyg säkerställer att bildkvaliteten bevaras samtidigt som de minskar storleken och gör den mer användarvänlig.

Några plugins för bildoptimering inkluderar:

  • Kraken.io
  • WP Smush
  • EWWW Image Optimizer

Optimera videor

En ny utveckling när det gäller att skapa webbsidor är införandet av videor.

Även om de förblir små delar av sidan ökar de också storleken på webbsidan.

När du optimerar din sidstorlek måste du överväga att minska antalet videor du använder och se till att de inte tar upp mycket utrymme i onödan.

Att redigera videor för att förkorta längden och behålla så mycket innehåll som möjligt är också ett perfekt steg mot optimering på sidan.

Videor som är inbäddade på din sida ökar antalet förfrågningar som krävs för att rendera din sida, inklusive laddning av miniatyrbilder och upplösningar.

Inte bara kommer din bytestorlek att öka, utan laddningstiden kommer att öka avsevärt på grund av de extra HTTP-förfrågningarna.

Du kan optimera din video med några olika alternativ.

Video ljuslåda låter din video visas i en popup istället för att vara inbäddad på din webbplats. Du kan bädda in YouTube-videor utan att öka storleken på webbsidan genom att bara bädda in en miniatyrbild.

Optimera besökares kommentarer, feedback och recensioner

En recensions- och kommentarsplattform för besökare spelar en nyckelroll för att behålla deras intresse och samla in viktiga insikter från konsumenterna.

Detta innehåll kräver dock utrymme, vilket avsevärt ökar den totala storleken på webbsidan. Att lägga till tredjepartsverktyg som Disqus eller produktrecensioner på din sida är ett idealiskt sätt att optimera din sidstorlek.

De bör fokusera på att begränsa antalet kommentarer som visas och implementera andra funktioner som de kan behöva för att minska storleken på din webbsida.

Webbplatsstorleksoptimering för Wix

Om du designar din webbplats med Wix finns det bara så mycket du kan göra för att optimera storleken på webbsidan jämfört med WordPress eller Shopify.

Men här är några steg du kan vidta för att minska storleken på webbsidor.

Som den ultimata guiden har besökarna stor nytta av sidtitlar och beskrivningar under sökning och navigering.

Eftersom de spelar en viktig roll måste korta, koncisa titlar och beskrivningar användas för optimering av sidstorlek.

Det innebär att man använder så få ord som möjligt samtidigt som man säkerställer en tydlig och exakt innebörd.

Detta kräver också rätt typsnitt vid sidan av innehållet i titlar och beskrivningar.

Google, deras Mobil sidhastighet Ett nytt riktmärke i branschenskrev:

Att helt enkelt komprimera bilder och text kan förändra spelet – 30 % av sidorna kan spara över 250 KB.

Eftersom Wix är en out-of-the-box-lösning kan du bara styra vad du lägger till på sidan, jämfört med att optimera med plugins som andra CMS-plattformar.

Det är viktigt att notera att olika sidor på webbplatsen är länkade via länkadresser och ankartext. Dessa gör navigeringen enklare och ger besökarna vägledning.

Men på varje sida där de används är de ett tillägg till sidans innehåll och har därmed potential att öka storleken på sidan.

Vid optimering av storleken på webbsidor finns ett behov av att minska länkar och förankra texter så mycket som möjligt. Detta bör förbättras ytterligare genom att minska antalet tokens som används i processen.

Undvik automatisk uppspelning av ljud och video

Ljudfiler kan öka sidstorleken och laddningstiden, så det vore lämpligt att undvika dem helt och hållet. Men om du laddar upp ljud till din webbplats, ladda upp ljudfiler med en bithastighet på 128KB.

Läsa:  Hur man får bakåtlänkar till din blogg

Optimera bildkomprimering

Bilderna som används på sidan är viktiga. De är en del av moderna och trendiga sidor, men de ger också besökaren ett bättre användargränssnitt.

Bilder tar dock upp mycket plats på sidan och behöver därför komprimeras.

Wix optimeringsprocess för webbplatsstorlek kräver användning av tillförlitliga bildkomprimeringsverktyg för att säkerställa att bildinnehåll och bildkvalitet inte påverkas.

Detta bör göras utöver att säkerställa korrekt arrangemang av bilder för att säkerställa att så mycket utrymme som möjligt används utan att det konsumeras.

Optimering av webbplatsstorlek för Shopify

Shopify har flera unika funktioner som kan påverka din webbplats och webbplatshastighet. Följ dessa enkla steg för att optimera storleken på din Shopify-webbplats:

Optimera produktbilder

Shopify tillhandahåller en plattform för marknadsförare och butiksägare att nå kunder. Detta uppnås genom att använda bilder tillsammans med annat innehåll på sidan för att locka kunden.

I detta avseende är det viktigt att minska antalet individuella produktbilder för att optimera sidstorleken.

Ta den här Package Free-produktsidan till exempel, den har bara 3 produktbilder.

Att regelbundet redigera och ändra bilder kan fungera som ett idealiskt sätt att ge besökarna olika syn på produkten istället för att ha flera bilder på en sida.

Minska storleken på miniatyrer så att de laddas snabbare och minska storleken på webbsidan. Teman måste använda Shopifys inbyggda innehåll bildstorleksparametrar för att ladda ner de minsta bilderna.

Att skapa separata miniatyrer och minska bildstorleken har störst effekt på att minska sidstorleken.

Spårning och konvertering

Istället för att använda Shopify-appar för att spåra konverteringar, använd Google Tag Manager.

Det fungerar som ett nav och kräver endast en JavaScript-kod på din webbplats för alla skript inklusive Google Analytics, Adwords och Facebook-spårningspixlar.

Kompatibilitet med mobila enheter

Användningen av mobila enheter ökar dag för dag. Till skillnad från stationära datorer använder mobila enheter begränsat minne och kräver därför optimerade sidor för mobil användning.

Optimera befintliga sidor för att vara kompatibla med alla enheter för att undvika att behålla olika sidor för olika vyer.

Shopify-plattformen är designad för detta ändamål och har därför verktyg som hjälper dig att anpassa sidor för optimal prestanda på alla enheter.

Förstå vad dina kunder ser

Även om du kanske vill skapa en lång hemsida, kan du använda ett värmekartverktyg som Hotjar eller Crazyegg för att spåra hur ofta dina besökare tittar på din webbplats så att du kan göra avdrag.

Källa: Brax

De flesta optimerade hemsidor bör återges inom en eller två rullningar.

A Forskning av Nielson Norman Group visade att 57 % av individers sidvisningstid var ovanför sidan. Även om 74 % av visningstiden spenderades med de första två skärmarna fulla, upp till 2160PX.

Slutsats

Detta avslutar webbsidans storlek för vår artikel. Följ rekommendationerna som vi har diskuterat genom hela artikeln för att optimera den övergripande storleken på din webbsida.

Detta kan inte bara förbättra din sökmotorrankning, utan också leda till fler konverteringar, lägre avvisningsfrekvens och förbättra användarens engagemang på webbplatsen.