Search Engine Optimization
#9 Optimera sidans laddningstid
Optimera laddningstiden för sidor
En snabb webbplats är viktig dina besökare!
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 webbpaket du väljer kan också påverka webbplatsens hastighet. För dem som använder WordPress som CMS kan Managed WordPress Hosting vara 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 bandbredds anvä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.
Det nyare bildformatet WebP blir allt populärare på grund av att formatet erbjuder mindre filstorlek men väldigt liten förslust av bildkvalitén. Det kan hjälpa till att spara diskutrymme och minska bandbredds användningen med upp till 35 % samtidigt som bildkvaliteten bibehålls.
Det är dock viktigt att notera att alla webbläsare och bildredigerare inte stöder WebP. Du bör därför säkerställa att den är tekniskt kompatibel 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.
Ha inte inline JS- och CSS-filer
Det är en god praxis att placera webbplatsens JS och CSS i externa filer. 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.
Minimera antalet 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 lägger till en extra HTTP-begäran, vilket kan öka sidans laddningstid. Därför rekommenderas det att minimera antalet omdirigeringar som används. Det är också viktigt att regelbundet kontrollera om det finns brutna länkar på webbplatsen och åtgärda dem omedelbart för att förhindra eventuella omdirigeringar till trasiga sidor.
Ställ in C-zip-kodning
Stora filer på din webbplats kan komprimeras, ungefär som du kan komprimera filer på din dator för att minska deras totala storlek när du skickar dem online. Denna komprimeringsteknik, känd som G-Zip-komprimering kan hjälpa till att spara bandbredd, förkorta nedladdningstider och förbättra din sidas laddningshastighet. Jag rekommenderar att du konfigurerar din server så att den kan tillhandahålla zippat 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.
Ju färre HTTP-förfrågningar desto bättre
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 storleken på cookies
Ö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.