Hemsidans hastighet och mobilupplevelse
Gör tandklinikens hemsida snabb på mobil: Core Web Vitals, vanliga orsaker till långsamhet och en åtgärdslista.
Så här hittar patienten er klinik.
Innan någon väljer klinik gör de en sökning — på sitt behov och sin ort, inte på ert namn. Det här skriver de, och guiden är skriven för att ni ska vara kliniken de hittar.
Olika sökningar, olika patienter — sidan och profilen avgör vem de ringer.
En patient med tandvärk kl 21 på en långsam 4G-anslutning väntar inte 8 sekunder på din sida. Hon backar och klickar på nästa träff. Hastighet är både en användarfråga och en SEO-fråga.
Fakta med försiktighet
Web Tonic (USA) redovisar att den genomsnittliga bounce rate (besökare som lämnar direkt) på dentala sajter är 55,4 procent, på mobil 61,2 procent, och att 72 procent av dentala sajter i deras material har mobil bounce rate över 50 procent. Det är amerikansk leverantörsdata och definitionen av bounce varierar. Men trenden är känd: långsamma och krångliga mobilsidor tappar besökare.
Muntras svenska data visar att tre fjärdedelar av tandvårdsbokningarna sker via mobil. Upplevelsen på mobilen är alltså din huvudupplevelse.
Vad är Core Web Vitals?
Google mäter användarupplevelsen med några nyckeltal, Core Web Vitals. Aktuella mått enligt Googles dokumentation (kontrollera alltid senaste definition):
| Mått | Vad mäter det | Bra värde (Googles riktvärde) |
|---|---|---|
| LCP (Largest Contentful Paint) | Hur snabbt det största innehållet visas | Under 2,5 sekunder |
| INP (Interaction to Next Paint) | Hur snabbt sidan reagerar på klick/tryck | Under 200 millisekunder |
| CLS (Cumulative Layout Shift) | Hur mycket sidan hoppar medan den laddar | Under 0,1 |
Core Web Vitals är en av flera signaler. Ett bra värde gör inte en dålig sida bra, men ett dåligt värde kan sänka en annars bra sida, och framför allt förlorar du besökare.
Testa din sida gratis
- Google PageSpeed Insights (pagespeed.web.dev): ange adress, se mobil och dator, samt verkliga användardata om det finns.
- Search Console → Core Web Vitals-rapport: visar vilka sidor som har problem.
- Chrome DevTools → Lighthouse.
- Testa på riktig telefon på 4G, utanför wifi.
- WebPageTest för fördjupad analys.
Kör testet på startsidan, din viktigaste behandlingssida och bokningssidan.
De vanligaste orsakerna till långsamhet
- För stora bilder. En bild på 4 MB på en mobilskärm är ofta den största boven.
- Många plugin och skript. Kakbanners, chattfönster, spårning, bokningswidgets, kartor, sociala flöden.
- Billig eller överbelastad hosting.
- Tunga teman och sidbyggare.
- Video som autostartar.
- Typsnitt som laddas från flera källor.
- Ingen caching.
- Inbäddade Google Maps, YouTube. Ladda dem först när besökaren klickar.
Åtgärdslista i prioritetsordning
1. Bilder (störst effekt oftast)
- Byt till moderna format (WebP eller AVIF).
- Skala bilden till den storlek den visas i.
- Lazy loading för bilder under första skärmen.
- Sätt bredd och höjd på bilder (minskar CLS).
- Undvik en gigantisk bakgrundsbild högst upp.
2. Hosting och cache
- Välj svensk eller nordisk hosting med bra prestanda.
- Aktivera cache och komprimering.
- Använd en CDN om målgruppen är bred (för lokal klinik ofta mindre viktigt).
3. Skript och plugin
- Ta bort det du inte använder.
- Skjut upp skript som inte behövs direkt (kakbanner och chatt kan laddas efter).
- Granska varje tredjepartsskript: vad gör det och vad kostar det i tid?
4. Typsnitt
- Maximalt 1–2 typsnitt, 2–3 vikter.
- Egen hosting av typsnitt.
- Systemtypsnitt är snabbast.
5. Layout
- Reservera plats för bilder, annonser och kakbanner så att sidan inte hoppar.
- Sticky-menyer får inte täcka knappar.
6. Bokningswidget
- Länka till bokningssidan i stället för att bädda in tunga widgets på alla sidor.
- Om inbäddad: ladda när användaren scrollar dit.
Mobil är mer än hastighet
Testa som en patient:
- Är telefonnumret klickbart? (tel:-länk)
- Är knapparna stora nog för en tumme? Minst 44×44 pixlar.
- Går texten att läsa utan zoom? Minst 16 px.
- Är menyn enkel? Boka, ring, hitta hit synligt.
- Fungerar formuläret? Rätt tangentbord för telefon och e-post, få fält.
- Är kontrasten bra? För äldre och synsvaga.
- Hoppar sidan? Kakbanners som skjuter ner innehållet stör.
Tillgänglighet
Många av åtgärderna hjälper även tillgängligheten: kontrast, textstorlek, alt-texter, tangentbordsnavigering. Din patientgrupp innehåller många över 55 (Muntra: 20,1 procent av bokarna är 55–64 år och 25,9 procent över 65). Sajten ska fungera för dem.
Teknisk SEO-grund (kort)
Utöver hastighet, kontrollera:
- https överallt
- Sitemap inskickad i Search Console
- robots.txt blockerar inte viktiga sidor
- Ingen noindex på sidor du vill ranka
- Kanoniska adresser (canonical) rätt
- 301-omdirigeringar vid flytt
- Trasiga länkar (404) åtgärdade
- Unika titlar och rubriker per sida
- Schemamarkering
- Mobilvänlig utan dolt innehåll som bara finns på dator
Prioritera rätt
Börja med de tre sidorna som ger flest patienter: startsida, akutsida och er dyraste behandlings landningssida. Gå från topp till botten: åtgärda det som ger mest tidsvinst först.
Följ upp
- Mät månadsvis i Search Console.
- Efter varje ny funktion (chatt, ny widget, ny bild) kör ett test.
- Dokumentera baslinjen före och efter förändringar.
Snabbtest på tre minuter
- Öppna PageSpeed Insights, ange startsidan.
- Notera LCP, INP, CLS för mobil.
- Titta på "Möjligheter": vad föreslås?
- Ta bilden med störst filstorlek och gör den mindre.
- Testa igen.
Källor: Web Tonic (bounce rate, USA), Muntra (mobilbokning och åldersfördelning), Googles dokumentation om Core Web Vitals (kontrollera aktuella gränsvärden).
