Core Web Vitals och laddtid – så får du en snabb webbplats

Varför laddtiden spelar roll

En långsam webbplats tappar besökare innan de ens sett erbjudandet, särskilt i mobilen. Core Web Vitals ingår också i de signaler Google använder för sidupplevelse. Innehållet och relevansen väger tyngre, men när två sidor är jämbördiga kan snabbheten avgöra.

Lika viktigt är intrycket. En sida som hoppar när du ska trycka på en knapp eller som svarar sent på klick känns opålitlig, oavsett hur bra innehållet är. Snabbhet är dessutom något du kan påverka direkt, till skillnad från många andra faktorer. Ofta räcker några få åtgärder för att flytta en webbplats från dåliga till bra värden, och effekten gäller varje besökare, oavsett var de kommer ifrån.

Så mäter du

• PageSpeed Insights visar både verkliga värden och ett labbtest för en enskild adress.
• Search Console har en rapport över Core Web Vitals för hela webbplatsen, uppdelad på mobil och dator.
• Webbläsarens utvecklarverktyg visar vad som laddas och vad som tar tid.

Labbtestet ger en fingervisning, men det är de verkliga värdena som räknas. Mät alltid både startsidan och de sidor som får mest trafik, och testa i mobilen. Har webbplatsen lite trafik saknas ofta verkliga värden, och då får du utgå från labbtestet. Spara resultaten före och efter varje ändring, så att du kan se vad som faktiskt gav effekt och inte gissar.

Vanliga orsaker till en långsam webbplats

• Stora, okomprimerade bilder, ofta i fel format.
• Många tillägg som laddar egna skript och stilmallar på varje sida.
• Tunga teman och sidbyggare som skapar mycket kod.
• Skript från tredje part, till exempel chattar, kartor och annonsverktyg.
• Ett webbhotell med långsam server och utan cachning.
• Bilder och annonser utan angivna mått, som får layouten att hoppa.
• Typsnitt som laddas från flera källor.

Åtgärder i prioritetsordning

1. 1Mät nuläget i PageSpeed Insights och Search Console.
2. 2Komprimera bilder och använd moderna format som WebP eller AVIF.
3. 3Ange bredd och höjd för bilder och inbäddningar så att layouten inte hoppar.
4. 4Rensa bort tillägg som inte används och ersätt tunga tillägg med lättare alternativ.
5. 5Aktivera cachning på servern och använd ett innehållsnätverk vid behov.
6. 6Skjut upp skript från tredje part tills de behövs.
7. 7Begränsa antalet typsnitt och ladda dem från samma server.
8. 8Byt webbhotell om servern fortfarande är långsam.

Bilder är oftast den enklaste vinsten. Läs mer i vår guide om bilder på webbplatsen.

Webbhotell, server och mobil

Ett billigt delat webbhotell kan räcka för en liten webbplats, men när servern svarar långsamt hjälper ingen optimering av bilder och kod fullt ut. Titta på svarstiden från servern i PageSpeed Insights. Är den hög är det ofta webbhotellet som behöver bytas eller uppgraderas.

Cachning innebär att färdiga sidor sparas och skickas direkt i stället för att byggas om vid varje besök. Det är en av de enklaste åtgärderna med störst effekt för WordPress. Ett innehållsnätverk lagrar filer på servrar närmare besökaren och gör störst skillnad för webbplatser med besökare i flera länder.

Testa alltid i mobilen. Mobiler har ofta svagare processorer och sämre uppkoppling än datorer, och Google utgår i första hand från mobilversionen. En sida som känns snabb på kontorets dator kan vara långsam för en besökare på bussen.

WordPress och snabbhet

WordPress kan vara mycket snabbt, men många webbplatser blir långsamma med tiden när tillägg och funktioner läggs till. En genomgång av tema, tillägg, bilder och server brukar ge tydlig effekt utan att webbplatsen behöver byggas om.

Vi gör prestandaoptimering av WordPress till fast pris, 6 900 kr exkl. moms. Bygger vi en skräddarsydd webbplats skriver vi in prestandakrav i avtalet. Med support och underhåll hålls webbplatsen snabb även efter lansering.

Vill du veta vad det kostar för din webbplats, räkna i kalkylatorn eller begär offert.