Varför är min hemsida långsam?

Mät med gratisverktyg

Tre gratisverktyg täcker hela felsökningen. PageSpeed Insights ger både data från riktiga besökare och en labbkörning med en lista över möjligheter. WebPageTest visar ett vattenfall över varje fil sidan laddar, i den ordning den laddas, vilket är det tydligaste sättet att se vad som blockerar vad. Webbläsarens utvecklarverktyg, under fliken Nätverk, låter dig ladda om sidan och se storlek och tid för varje anrop på din egen dator. Testa med mobilinställningar, för det är där de flesta av era besökare från Google finns, och testa en sida som inte är startsidan, eftersom undersidor ofta är långsammare och mindre omhändertagna. Guiden om Core Web Vitals förklarar vad de tre huvudsiffrorna betyder.

Webbhotell och svarstid

Titta efter tiden till första byte, glappet mellan anropet och att första datan anländer. Ligger den konsekvent över en halv sekund är sidan långsam innan en enda bild har övervägts. Orsakerna är billigt delat webbhotell med för många sajter per server, ett CMS som gör tungt databasarbete vid varje besök utan cache, eller en server långt från besökarna. För en svensk publik spelar det roll att servern står i Norden eller åtminstone i Europa. Åtgärderna är, i kostnadsordning: slå på sidcache i CMS:et eller webbhotellets panel, lägg ett CDN framför sajten, och till sist byt till ett bättre webbhotell. Ett byte är störande, så uttöm cachealternativen först.

Bilder och typsnitt

När servern svarar snabbt är sidvikten nästa misstänkta, och bilder är nästan alltid huvuddelen av den. Ett foto uppladdat direkt från telefonkameran kan vara flera megabyte, när ytan det fyller på skärmen behöver en bråkdel. Sortera fliken Nätverk efter storlek och titta på de tio största filerna. Är de bilder är åtgärden mekanisk: ändra storlek till de visade måtten, konvertera till ett modernt format som WebP eller AVIF, och ladda allt under första skärmen först vid behov. Typsnitt är samma problems mindre kusin: varje vikt och stil av ett webbtypsnitt är en separat nedladdning, och sajter laddar ofta sex när de använder två.

• Ändra bildstorlek till den största storlek de faktiskt visas i, inte storleken kameran producerade.
• Konvertera till WebP eller AVIF; de flesta CMS har ett tillägg eller en inställning som gör det vid uppladdning.
• Ladda bilder under första skärmen först vid behov så att de inte konkurrerar med hjältebild och text.
• Begränsa webbtypsnitt till två vikter och låt systemtypsnittet visas medan de laddar.
• Kontrollera bildkaruseller: fem fullbreddsbilder i en karusell kostar fem gånger nedladdningen för en synlig bild.

Tredjepartsskript och tillägg

Den tredje orsaken syns inte på en skärmdump men är uppenbar i ett vattenfall: skript. Varje chattwidget, analystagg, värmekarteverktyg, sociala inbäddning, bokningswidget och cookiebanner lägger till anrop, och många av dem hindrar webbläsaren från att rita tills de är klara. Sidbyggare och allround-teman lägger sitt eget lager och laddar karuseller, animationsbibliotek och ikonuppsättningar på varje sida vare sig de används eller inte. PageSpeed Insights listar oanvänd JavaScript och tredjepartsanvändning per källa. Gå igenom listan med en fråga per rad: vem på företaget läser datan detta ger, eller använder den här funktionen? Allt som saknar ett namn tas bort.

Vad du fixar själv och vad du lämnar över

Flera åtgärder är säkra för den som inte är utvecklare: slå på cache i webbhotellets panel, installera ett tillägg för bildoptimering, ta bort taggar och widgetar ingen använder, och radera inaktiva tillägg. Andra lämnas bäst till en utvecklare, eftersom ett misstag tar ner sajten eller förstör ett formulär: byta webbhotell, byta tema, skriva om hur skript laddas och bygga om sidmallarna. En prestanda- och SEO-optimering börjar på 7 990 kr och täcker utvecklarsidan från början till slut; paketen finns på vår prissida.

När ni inte behöver det här: visar PageSpeed Insights att era riktiga besökares Core Web Vitals är bra på mobil är sajten tillräckligt snabb för både Google och människor, och ytterligare finjustering är en hobby snarare än en investering. Är sajten långsam men ändå ska byggas om, lägg pengarna i kravspecifikationen för det nya bygget i stället för att lappa det gamla. Har du kört verktygen och inte kan avgöra vilken av de fyra orsakerna du har, boka ett kort samtal så läser vi resultaten tillsammans.

Vanliga frågor