Optimera webbplatsens prestanda för bättre rankning

I en tid när nästan all information är tillgänglig när som helst och var som helst måste webbplatser och annat innehåll på nätet uppfylla vissa kriterier för att tillfredsställa användarna (och därmed även sökmotorerna). Ett av dessa kriterier är laddningstiden. Vi förklarar hur du kan analysera prestandan och sedan optimera den för att uppnå bättre rankning på lång sikt.

Optimerad prestanda innebär förbättrad användbarhet

Tänk dig att du går in i en snackbar, du är riktigt hungrig och du blir bara inte serverad. Vad händer då? Exakt, du lämnar butiken i all hast och går till konkurrenten i hopp om att få något att äta där snabbare. Även om du inte lämnar omedelbart är det osannolikt att du kommer tillbaka.

Dålig prestanda = hög studsfrekvens

Om man överför det här exemplet till den digitala världen blir snackbaren en webbplats och servicehastigheten blir webbplatsens laddningstid. Om du vill spela i den högsta ligan när det gäller rankning bör du tänka på din service, med andra ord din prestanda, så snart som möjligt. Google gillar att ranka webbplatser som är särskilt användarvänliga. Förutom en sammanhängande layout och en tydlig presentation av ett ämne omfattar användarvänlighet också laddningstiden för innehållet. Om sidan tar för lång tid att ladda ökar avvisningsfrekvensen eftersom många användare klickar på “bakåtknappen” och går vidare till nästa sökresultat i Googles SERP.

Steg 1: Kontroll av prestanda

Innan du förbättrar prestandan på din webbplats är det bäst att först kontrollera hur dålig din PageSpeed faktiskt är. Du kan använda olika verktyg för att göra detta.

PageSpeed-insikter

PageSpeed-insikter är ett verktyg från Google som gör att du kan kontrollera prestandan för en viss webbadress på nolltid. I bästa fall får du betyget “Bra” för både utdata på mobila enheter och utdata på stationära enheter. Om laddningstiden inte är riktigt lika optimal, bedömer verktyget prestandan som “Medium”. Med betyget “låg” finns det ett behov av optimering. Det fina är att Google ger dig optimeringsförslag direkt efter analysen.

Pingdom

Använder du dig av Pingdom testar webbplatsens hastighet för att analysera din sidas prestanda kommer du att märka att den ger en mycket mer positiv bild av laddningstiderna än Googles PageSpeed Insights. Du har också möjlighet att välja olika serverplatser för din fråga. Efter analysen visar verktyget laddningstiden (förhoppningsvis i millisekunder), Google PageSpeed Performance Grade (bör vara A), webbplatsens storlek och en rad andra data.

Test av webbsida

Analysen blir ännu mer omfattande med de Verktyg från webpagetest.org. Här kan du välja några fler serverplatser och - särskilt coolt - definiera testmiljön (smartphone-modell, webbläsare etc.). Resultaten är mycket omfattande och utgör en utmärkt databas som hjälper dig att optimera prestandan på din webbplats.

Steg 2: Optimering

När du har analyserat var skon klämmer när det gäller webbplatsens laddningstid kan du börja med optimeringen.

För att göra de analysdata som tillhandahålls lite lättare för dig att förstå: De vanligaste orsakerna till dåliga prestationer är...

...stora mängder data,

okomprimerade bilder,

ett överbelastat tema och

långsamma databaser och servrar.

Tänk om kring temat och inaktivera onödiga plugins

Din webbplats körs på WordPress eller Joomla! och det premiumtema du köpte ser riktigt smart ut? Det är bra, men det är inte ovanligt att teman är helt överbelastade, vilket leder till långsamma laddningstider för webbplatsen. Ta en titt och se om det finns ett smalare tema som inte bara kännetecknas av sitt omedelbart tilltalande utseende utan också av sin prestanda.

Om det inte är temat i sig som är problemet kan plugins också påverka laddningstiden för webbplatser negativt om det sker för många databasåtkomster. Detta gäller särskilt för mindre kända och dåligt implementerade plugins. Kontrollera helt enkelt vilka plugins som har ackumulerats över tid och avinstallera allt du inte absolut behöver.

Minska antalet HTTP-förfrågningar

Om färre HTTP-förfrågningar görs kommer din webbplats logiskt sett att laddas snabbare. En sådan serverförfrågan görs alltid när en fil behöver laddas. Så om du packar färre filer som bilder, skript etc. i ett dokument, kommer din sida också att laddas snabbare.

Tips: Du kan kombinera olika stylesheets i en enda CSS-fil och länka den från HTML-dokumentområdet. Om du ser till att det inte finns fler inline-stilspecifikationer i HTML-dokumentet kan CSS-filen cachelagras, vilket också påskyndar sidladdningen.

Optimera bilder för webben

En webbplats kan inte klara sig utan bra bilder (helst i .jpg-format) och grafik (helst som .png-filer) - en bild säger ju ofta mer än tusen ord. Det är dock viktigt att dessa bilder är optimerade för webben för att undvika långa laddningstider. Det vanligaste misstaget i det här sammanhanget är att ladda upp bilderna till servern i originalstorlek och integrera dem i innehållet på exakt samma sätt.

Exempel: Om en bild är 2500 x 1000 pixlar stor, men endast integreras i en 750 pixlar bred innehållsyta, kommer den att visas i en mindre storlek efteråt. Bilden eller grafiken måste dock fortfarande laddas i sin fulla storlek. För att undvika sådan onödig ballast bör du alltid förminska bilder till den storlek som de faktiskt ska visas i.

Förresten: Så snart en webbadress hämtas laddas vanligtvis alla bilder automatiskt - även de som ännu inte syns, t.ex. för att du inte scrollar så långt ner. För att ladda bilder endast när det behövs kan du använda plugins som t.ex. Crazy Lazy använda. Och för att ge dig ett annat plugin-tips direkt: WP Smush.it komprimerar automatiskt filstorleken på bilder under uppladdningen. Du kan också använda den för att i efterhand optimera bilder som redan har laddats upp.

Gzip-komprimering

Inte bara bilder utan även systemfiler (t.ex. från WordPress) kan komprimeras. Och hur går det till? Helt enkelt med Gzip, ett gratis komprimeringsprogram som, precis som filformatet, finns tillgängligt för alla operativsystem. Allt du behöver göra är att infoga en kodsnutt i .htaccess-filen. Med WordPress behöver du inte göra detta manuellt, utan kan förlita dig på plugins som t.ex. Gzip Ninja Hastighetskomprimering att falla tillbaka på. Joomla har också motsvarande tillägg som gör exakt samma sak.

Använd cachelagring

Som WordPress-användare behöver du också en bra caching-plugin. Caching skapar statiska versioner av alla sidor istället för att skapa dem dynamiskt - med stora effekter på laddningshastigheten för hela webbplatsen. Ett mycket välskrivet cachelagringsplugin för WordPress är Cachify. Du får ett heltäckande paket med W3 Total Cache-plugin. Alternativt WP Rocket en liten raket från din sida.

Extra tips:

För att ytterligare snabba upp din webbplats kan du ta bort onödiga mellanslag och radbrytningar från HTML, CSS och JavaScript. Eftersom detta gör hela koden smalare, minskas också laddningstiden. Det enda som försämras är tydligheten i koden. De tidigare nämnda Plugin W3 Total Cache erbjuder dig som WordPress -användare en så kallad “Minify”-funktion vid denna tidpunkt. Detta fungerar dock bara särskilt bra om du definierar hur Java-skript ska laddas i det manuella läget i själva plugin-programmet. Eftersom detta inte är särskilt lämpligt för nybörjare rekommenderar vi att du använder Plugin Autoptimera.