Search Engine Optimization
#9 Optimera sidans laddningstid
Optimera laddningstiden för sidor
En snabb webbplats håller kvar din publiks intresse
Den tid det tar för webbsidans innehåll att laddas kallas för sidladdningstid. Det finns två huvudsakliga metoder för att mäta sidhastigheten:
- Sidans laddningstid: Detta mäter tiden mellan det ögonblick då webbläsaren skickar begäran till servern och när sidan är helt laddad och återgiven.
- Tid till första byte: Detta mäter tiden mellan det ögonblick då begäran skickas till servern och när webbläsaren tar emot den första databyten.
Snabbare sidhastighet är att föredra i båda fallen, men det är viktigt att notera att Google utvärderar en sidas hastighet baserat på tid till den första byten, även känd som TTFB.
Varför är sidladdningstiden så viktig?
Hur snabbt en webbsida laddas är avgörande för dess användbarhet, eftersom det kan påverka användarupplevelsen och webbplatsens position i sökresultaten. Google anser att sidhastighet är en av de 200 faktorer som påverkar en webbplats organiska ranking. Om en webbplats tar för lång tid att ladda riskerar den att förlora besökare till konkurrenterna.
Snabb sidladdningstid kan också öka en webbplats genomsökningshastighet, vilket gör att Google kan genomsöka fler sidor samtidigt.
Vilket webbhotell och vilket paket man väljer kan också påverka webbplatsens hastighet. För dem som använder WordPress som CMS, kan Managed WordPress Hosting ett bra alternativ för att spara tid och få expertråd.
Så förbättrar du laddningstiden för din sida
Genom att optimera bilderna på din webbplats kan du minska bandbreddsanvändningen och förbättra laddningstiderna för sidorna. Att bara förminska bilder i HTML räcker inte, eftersom det bara ändrar utseendet och inte den faktiska storleken på bilden. För att ändra storlek på bilder använder du externa bildredigeringsverktyg som Photoshop och ställer in dem på 72 dpi.
Dessutom kan bildoptimeringsverktyg komprimera bilder ytterligare för att minska deras storlek. Några rekommenderade optimeringsverktyg är
Standardbildformat som JPG, PNG och GIF har under lång tid varit optimala för att optimera laddningstiderna för sidor.
Däremot är det nyare bildformatet WebP blir allt populärare tack vare sin bättre förlustfria och förlustbefläckade bildkomprimering. Det kan bidra till att spara diskutrymme på servern och minska bandbreddsanvändningen med upp till 35 % samtidigt som bildkvaliteten bibehålls. Det är dock viktigt att notera att inte alla webbläsare och bildredigeringsprogram stöder WebP. Därför bör du kontrollera den tekniska kompatibiliteten innan du byter från JPEG och PNG till WebP.
Optimera beroenden
Hastigheten på din webbplats kan påverkas negativt av olika element som plugins, spårningsskript och CMS-programvara. Även om vissa plugins är nödvändiga kan de göra att din sida laddas långsamt.
Det är tillrådligt att undersöka alternativ till plugins, till exempel att använda ett CMS med inbyggda sociala plugins. Det är viktigt att följa trafikstatistiken på din webbplats, men om du använder flera spårningsprogram kan laddningstiden för din sida bli långsammare. Om du använder ett CMS som WordPress rekommenderas att du använder antingen WordPress-statistik eller Google Analytics, men inte båda samtidigt.
För att öka hastigheten på din webbplats bör du hålla din CMS-programvara uppdaterad men utföra uppgraderingar på en separat server för att testa dem först.
Ett annat sätt att förse Google med specifik information om innehållet på din webbplats är att använda
schemamärkning
som gör att du kan klassificera detaljerna och sammanhanget för informationen på din webbplats mer exakt.
Undvik inline JS- och CSS-filer
Att placera webbplatsens JS och CSS i externa filer är en god praxis. På så sätt kan webbläsaren cacha dessa filer externt när sidan laddas, vilket kan minska laddningstiden för efterföljande förfrågningar. Dessutom blir det enklare att underhålla webbplatsen om JS- och CSS-filerna ligger externt.
Optimera cachning
Varje gång en användare laddar en webbplats laddas även webbsidans CSS, bildfiler och Java-filer, vilket gör att sidan laddas långsamt. Webbläsaren kan lagra dessa filer för senare förfrågningar genom att korrekt ställa in cachning. Det innebär att dessa filer kan hämtas från cacheminnet vid efterföljande sidladdningar istället för att laddas ner igen från nätverket, vilket minskar sidladdningstiden och sänker bandbredds- och hostingkostnaderna.
Undvik skript som blockerar rendering
Placera JavaScript-filer i slutet av brödtexten eller använd ”async”-attributet för att ladda dem asynkront.
Undvik omdirigeringar
Att minska användningen av omdirigeringar kan förbättra laddningshastigheten på en webbplats. Även om vissa omdirigeringar är nödvändiga är det viktigt att notera att varje omdirigering innebär en extra HTTP-förfrågan, vilket kan förlänga sidans laddningstid. Därför rekommenderas det att minimera antalet omdirigeringar. Det är också avgörande att regelbundet kontrollera om det finns några brutna länkar på webbplatsen och att åtgärda dem omedelbart för att förhindra eventuella omdirigeringar till trasiga sidor.
Ställ in C-zip-kodning
De stora filerna på din webbplats kan komprimeras, på ungefär samma sätt som du kan zippa och komprimera filer på din dator för att minska deras totala storlek när du skickar dem via internet. Denna komprimeringsteknik, som kallas G-Zip-komprimering, kan bidra till att spara bandbredd, förkorta nedladdningstiderna och förbättra sidans laddningshastighet. Det rekommenderas att du konfigurerar din server så att den tillhandahåller komprimerat innehåll.
Minskning av JavaScript och CSS
Minifiering innebär att koden komprimeras genom att variabler byter namn till kortare namn, vilket bidrar till att minska dess storlek och den efterföljande laddningstiden. Du kan använda uglify.js för detta.
Minska HTTP-förfrågningar
För att minska antalet bildförfrågningar på din webbplats kan du överväga att använda CSS Sprites. Detta innebär att flera bakgrundsbilder slås samman till en bild med hjälp av CSS-elementen background image och background-position. Du kan också konsolidera inline-bilder i dina cachade formatmallar. För att ytterligare optimera webbplatsens prestanda bör du dessutom kombinera alla JavaScript-filer i en och alla CSS-filer i en annan.
Minska kakornas storlek
Överväg att ta bort överflödiga cookies eller minska deras totala storlek för att förbättra webbplatsens laddningshastighet. Cookies används ofta för att lagra information som måste finnas kvar mellan förfrågningar, men de data de innehåller skickas med varje förfrågan, vilket kan fördröja laddningstiderna om cookies är stora. Genom att minska storleken på cookies kan du minska mängden data som överförs och förbättra sidans laddningshastighet.