webbsida storlek-varför är det viktigt? Och hur optimerar du det?

06Mar
av Jay Kang

06Mar

av Jay Kang

  • Definition
  • hur fungerar sidstorlek?
  • Varför är sidstorleken viktig?,optimera videoklipp
  • optimera besökarnas kommentarer, feedback och recensioner

  • sidstorleksoptimering för Wix
    • optimera sidtexter och länkar
    • Undvik autoplay ljud och Video
    • optimera bildkomprimering
  • sidstorleksoptimering för Shopify
    • optimera produktbilder
    • spårning och konvertering
    • optimering av bilder

  • kompatibilitet med mobila enheter
  • förstå vad dina kunder ser
  • definition

    termen sidstorlek i SEO-världen hänvisar till den nedladdade filstorleken på en viss webbsida., Sidstorleken 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, liksom andra resurser.

    hur fungerar sidstorleken?

    alla dessa filer har olika storlekar som, när de läggs upp, motsvarar sidstorleken. Till exempel kommer sidstorleken för en webbsida som består av ett HTML-dokument som är 110 KB i storlek, en bild vars storlek är 223 KB och en arkfil vars storlek är 87 KB att vara 420 KB.,

    När du granskar din webbplats med SEOptimer kan du enkelt identifiera den totala sidstorleken på din webbplats med mest bidrag. Bilder bidrar i allmänhet mest, inbäddade video kan också, ibland skript eller CSS stil svälla kan bidra. Med skärmdumpen nedan märker du att Javascript faktiskt är den tyngsta. Med fler plugins, marknadsföringsprogram kan du få bäras bort och öka din sidstorlek ganska lite.

    webbsidstorlekar har ökat stadigt under åren., Den första webbsidan på internet var bara 4 KB i storlek. Detta var särskilt eftersom webbläsare då inte stödde en massa saker som de gör idag. Till exempel var det inte förrän 1993 som webbläsare började stödja bilder. Enligt httparchive var den genomsnittliga sidstorleken i 2017 3 MB. Detta är en enorm ökning från 1,6 MB genomsnitt 2014. Det förutspås att den genomsnittliga sidstorleken kommer att vara 4 MB senast 2019.

    enligt Pingdoms genomsnittliga webbsida i 2017 års rapport var en genomsnittlig 819 KB dedikerad till video och 1,818 KB för bilder.,

    Google rekommenderar 500 KB med tanke på att 1,49 MB tar sju sekunder att ladda med en snabb 3G-anslutning. Om du laddar upp filer som är större än 500 KB till din webbplats kan Google-sökroboten inte genomsöka något över dess storleksgräns på 500 KB.

    Varför är sidstorleken viktig?

    sidstorlek spelar roll när man överväger sökmotorns rankning för dina webbsidor. Det kommer inte bara att påverka rankningen av din webbplats utan också resultatet av din webbplats., Några av anledningarna till att du bör fokusera på storleken på din webbsida är:

    Lasthastigheter

    enligt Google webmasters är lasthastighet en av de faktorer som beaktas när du rangordnar webbsidor. Sidor som laddar snabbare rang högre än långsam lastning dem. Detta beror särskilt på att långsamma sidor inte är användbara för de flesta med tanke på deras högre avvisningsfrekvens.


    enligt Neil Patel kommer cirka 40% av webbplatsbesökarna att lämna en webbplats om den inte laddas om tre sekunder. Hur relaterar detta till sidstorleken?, Enligt en Yottaa-rapport påverkar sidstorleken direkt lasthastigheten på en webbsida.

    mobil sökning

    den ökade användningen av smartphones har positivt påverkat användningen av mobiltelefoner när du surfar på internet. År 2015 meddelade Google att för första gången hade användningen av mobiltelefoner för att utföra online-sökningar gått över stationära datorer i de tio bästa världsekonomierna. I 2018 initierade Google mobile-first indexering. Detta är ett stort problem eftersom webbsidor tar mer tid att ladda på mobila enheter än på stationära datorer., Enligt Lukew är 4G-smartphones 12% långsammare medan 3G-telefoner är 40% långsammare än stationära datorer i laddning av webbsidor. Det enda sättet att förbättra laddningstiden på mobila enheter är att minska storleken på dina webbsidor. Detta är viktigt eftersom Google anser mobil lyhördhet när man beslutar SEO ranking.

    webbhotell kostnader

    webbhotell planer för din webbplats är baserad på bandbredd. Företaget som är värd för din webbplats uppskattar storleken på bandbredden baserat på sidstorlek, antal sidor och antal besökare., Om din webbplats består av sidor med större storlekar är chansen att du behöver mer bandbredd än du för närvarande använder. Detta ökar kostnaden för att vara värd för din webbplats.

    sidstorlek bästa praxis

    idag Internetmarknadsföring kräver en hel del balans mellan de olika faktorerna som spelas. Sidstorlekar har ökat stadigt under åren. En anledning till detta är populariteten av bilder online. En majoritet av de personer som besöker din webbplats kommer inte att läsa dina webbsidor om de inte har några attraktiva bilder och grafik., Det är därför viktigt att balansera mellan användning av bilder och minimering av storleken på dina webbsidor. För att få allt rätt, här är ett antal bästa metoder att följa:

    optimera bilder

    bilder spelar en viktig roll på webbplatser. De hjälper till att skicka information som ord ensam inte kan. Användningen av bilder ökar dock storleken på en webbsida som avsevärt sänker sidans lasthastighet. För att förbättra hastigheten på din webbplats är det viktigt att överväga att komprimera eller ändra storlek på bilder till den rekommenderade storleken per fil på 500 KB.,

    helt enkelt komprimera bilder och text kan vara ett spel växlare—när det görs på rätt sätt, 30% av sidorna spara mer än 250 KB.

    det finns ett antal verktyg du kan använda för att komprimera eller ändra storlek på bilder effektivt:

    • kraken.io
    • Compressor.io
    • Compressjpeg
    • Jpegmini

    ett annat sätt att optimera bilder är att använda CSS sprites. Detta hänvisar till att kombinera flera bilder till en enda bild och sedan tillämpa CSS för att visa en enskild bild efter behov., Detta sparar bandbredd eftersom färre förfrågningar skickas för bilderna.

    undvik onödiga anpassade teckensnitt

    anpassade teckensnitt bidrar till överklagandet av din webbplats men kan också göra sidan tung, öka lasttiden och producera negativa resultat. Undvika onödiga anpassade typsnitt kommer att bidra till att minska storleken på din webbplats och minska sin laddningstid, i slutändan öka antalet sidbesökare.,

    Minify resources

    Minifying resources är processen att eliminera överflödiga eller onödiga data från dina webbsidor utan att påverka hur de behandlas av webbläsare. Minifiering kan till exempel innebära att oanvända koder, kodkommentarer eller kortare funktionsnamn tas bort. Google ger en detaljerad guide om hur du ska gå om minifierande resurser.

    anställa content Delivery Networks (CDN)

    för att påskynda webbplatser i denna tid av växande sidor storlekar, många människor använder nu CDN., Dessa är sammankopplade serversystem som använder geografiska närhet teknik för att leverera webbinnehåll. Detta är ett viktigt verktyg för lokal SEO som webbsidor kommer att visas för sökare med den plats där de delar av webbplatsen lagras. Detta kommer att hjälpa även när webbsidor är relativt tyngre.

    det är uppenbart att sidstorleken är viktig för rankningen av din webbplats. Större webbsidor laddas långsamt vilket innebär att Google kommer att förbise dessa sidor när ranking., Detta beror på att Google-användare avskyr sidor som laddas långsamt och sökmotorföretaget stolt över att tillfredsställa sina kunder. För att se till att dina sidor laddas snabbare måste du ta reda på deras storlekar och optimera dem.

    För att hjälpa dig att göra detta finns det ett antal andra verktyg du kan överväga att använda:

    • Web page analyzer
    • Website Grader
    • Page Size Extractor
    • Xenu

    page size optimization for WordPress

    WordPress är överlägset mest populära CMS., Om du har en WordPress webbplats, du kan göra det snabbare genom att optimera dess sidstorlek. Detta kan göras genom att följa dessa enkla steg:

    optimera typsnitten

    olika typsnitt används i innehållsskapandet av en sida. KeyCDN-uppskattningar indikerar att teckensnitt står för i genomsnitt 123 KB av den totala sidstorleken. Med olika teckensnitt tillgängliga och strävan att söka unika, är det viktigt att välja teckensnitt som inte är besvärliga. Laddningshastighet och teckenstorlekar är några av de viktiga faktorerna för övervägande i detta avseende., Medan det finns anpassade teckensnitt att använda i sidskapande, finns det också ett alternativ att välja det som bäst passar teckensnittsoptimeringsprocessen.

    optimera din WordPress-fil och bildkomprimering med plugins

    Du kanske också vill kontrollera om flera plugins lägger till sin egen font-awesome.minuts.css-filer. Du kan slå samman dessa filer så att du har mindre .css-fil i din WordPress webbplats med hjälp av en plugin som Merge + Minify + Refresh eller Page Ninja.

    optimera bilderna

    bilder avsevärt förbättra en webbsida., De gör sidan attraktiv samt underlätta besökarnas interaktion med webbplatsen. Den växande ökningen av sidans storlek har hänförts till användningen av bilder. Att minska antalet bilder per produkt, minska storleken på bilder och korrekt arrangemang av bilder på sidan är tre bra sätt att optimera storlek.

    var noga med att använda tillförlitliga och effektiva applikationer för bildkomprimering. Sådana verktyg säkerställa kvaliteten på bilden upprätthålls samtidigt minska dess storlek och göra det mer användarvänligt. Vissa plugins för bildoptimering inkluderar:

    • Kraken.,Io
    • WP Smush
    • EWWW Image Optimizer

    optimera Videor

    en ny utveckling i skapandet av webbsidor är införandet av videor. Medan de förblir bland de mindre komponenterna på en sida, lägger de också till storleken på webbsidan. När du optimerar sidstorleken måste du överväga att minska antalet videor som används på ett sådant sätt att du ser till att de inte upptar mycket utrymme i onödan. Redigera videor för att minska längden och behålla så mycket innehåll som möjligt är också ett idealiskt steg mot sidoptimering.,

    inbäddade videor på din sida kommer att öka antalet förfrågningar som krävs för att göra på din sida, inklusive nedladdning av miniatyrbilden och upplösningar. Inte bara kommer din byte-storlek att öka, men laddningstiden kommer att öka kraftigt på grund av de ytterligare HTTP-begärandena.

    Du kan optimera dina videoklipp med några olika alternativ.

    Video Lightbox låter din video dyka upp för att visa istället för att vara inbäddad på din webbplats.

    bädda in YouTube-videor utan att öka sidstorleken genom att bara bädda in miniatyrbilden.,

    optimera besökarnas kommentarer, feedback och recensioner

    en plattform för besökare att ge recensioner och kommentarer spelar en viktig roll för att hålla dem engagerade samt samla in viktiga insikter från konsumenterna. Detta innehåll kräver dock utrymme vilket kraftigt ökar sidstorleken. Att lägga till Verktyg från tredje part som Diskus eller produktrecensioner på sidan är ett idealiskt sätt att optimera sidstorleken. Deras fokus bör vara att begränsa mängden kommentarer som visas och sätta i kraft andra funktioner som de kan behöva bidra till att minska din sidstorlek.,

    sidstorleksoptimering för Wix

    om du designar din webbplats med Wix är du begränsad till vad du kan göra för att optimera sidstorleken jämfört med WordPress eller Shopify. Men här är några steg du kan ta:

    optimera sidtexter och länkar

    som en ultimat guide drar besökarna stor nytta av sidtitlar och beskrivningar under sökningar och Navigeringar. Med den viktiga roll de spelar finns det ett behov av att använda korta, koncisa titlar och beskrivningar i sidstorleksoptimering.,

    detta innebär att det minsta möjliga antalet ord ska användas samtidigt som det säkerställs att det finns en tydlig och bestämd betydelse. Detta innebär också att ha rätt typsnitt tillsammans med innehållet för titlar och beskrivningar.

    Google, i sin mobila sidhastighet new Industry Benchmark, skrev, ”helt enkelt komprimera bilder och text kan vara ett spel växlare—30% av sidorna kan spara mer än 250KB på det sättet.”

    eftersom Wix kommer som en out-of-the-box-lösning, är den enda kontrollen du har vad du lägger in på webbplatsen jämfört med att optimera via plugins som andra CMS-plattformar.,

    det är viktigt att notera att på en webbplats länkas olika sidor via länkadresser och ankartext. Dessa hjälper till att underlätta navigering och erbjuda riktning till besökarna. Men i varje sida där de används, de är ett tillägg till sidinnehållet och därmed har potential att öka storleken på sidan. I sidstorlek optimering finns ett behov av att minska länkar och ankare texter så mycket som möjligt. Detta bör förbättras ytterligare genom att minska antalet tecken som används i processen.,

    Undvik autoplay ljud och Video

    ljudfiler kan öka sidan och ladda tid, så att undvika dem helt och hållet skulle rekommenderas. Men om du laddar upp ett ljud till din webbplats, ladda upp ljudfiler som är en bithastighet på 128 KBP.

    optimera bildkomprimering

    bilder som används på en sida är viktiga. De utgör en del av de moderna och trender sidor men också ge besökaren ett bättre användargränssnitt. Bilder upptar dock mycket utrymme på en sida och kräver därför behovet av att komprimera dessa bilder., Wix sidstorlek optimeringsprocessen kräver användning av tillförlitliga bildkomprimeringsverktyg för att säkerställa innehållet och kvaliteten på bilden inte påverkas. Detta bör göras förutom att säkerställa att det finns ett korrekt arrangemang av bilderna för att säkerställa att bästa möjliga antal används utan att öka det utrymme som förbrukas.för Shopify Shopify

    det finns ett antal funktioner som är unika för att Shopify ska kunna påverka dina webbsidor och din webbplatss hastighet.

    sidstorlek optimering för Shopify

    det finns ett antal funktioner som är unika för att Shopify som kan påverka dina webbsidor och hastigheten på din webbplats., Shopify Shopify-sidstorleken optimeras genom att följa dessa enkla steg:

    optimera produktbilder

    Shopify tillhandahåller en plattform för marknadsförare att nå ut till kunder. Detta uppnås genom användning av bilder tillsammans med annat innehåll på sidan för att woo och locka kunden. I detta avseende är det viktigt att minska antalet bilder av en enda produkt för att optimera sidstorleken. Regelbunden redigering och ändring av bilderna kan fungera som en idealisk metod för att ge besökarna olika vyer av produkten i stället för att ha flera bilder på en enda sida.,

    minska miniatyrbilder för att hjälpa dem att ladda snabbare och minska sidstorleken. Teman bör använda Shopifys inbyggda bildstorleksparametrar för att ladda ner de minsta bilderna. Skapa separata miniatyrer och sänka din bildstorlekar kommer att bidra mest till sidan storlek minskning.

    spårning och konvertering

    i stället för att använda Shopify-appar för att spåra konverteringen använder du Google Taggstyrning. Det kommer att fungera som ett nav och kräver endast en bit JavaScript på din webbplats för alla dina skript, inklusive Google Analytics, Adwords och FB spårning pixlar.,

    kompatibilitet med mobila enheter

    användningen av mobila enheter ökar varje 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 visning. För att undvika att behålla olika sidor för olika vyer, optimera befintliga sidor för att göra dem kompatibla med alla enheter. Shopify-plattformen är utformad för detta ändamål och har därför verktyg tillgängliga för att anpassa sidor för optimal prestanda på varje enhet.,

    förstå vad dina kunder ser

    medan du kanske vill skapa en lång startsida, med hjälp av ett heatmap verktyg som Hotjar eller Crazyegg för att spåra hur ofta dina besökare tittar på din webbplats kommer att visa dig hur man gör minskningar. De flesta optimerade hemsidor ska presenteras inom en eller två rullar. En Nielson Norman-gruppstudie visade 57% av individernas sidvisningstid var över vikten. 74% av visningstiden spenderades i de två första skärmfälten, upp till 2.160 PX.

    Lämna ett svar

    Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

    Hoppa till verktygsfältet