Sådan forbedrer du hastigheden på din webshop

En hurtig webshop er rarere at handle i – især på mobilen. Her får du en praktisk gennemgang af, hvordan du måler hastigheden, og hvilke problemer der oftest gør webshops langsomme.

Mål, før du ændrer noget

Start med Googles PageSpeed Insights. Test ikke kun forsiden, men også en kollektionsside og en produktside, da det typisk er dem, kunderne bruger mest. Notér resultaterne, så du kan sammenligne efter dine ændringer.

Læg mærke til forskellen på de to typer data: Laboratoriedata kommer fra en simuleret test, mens feltdata viser, hvordan rigtige besøgende har oplevet siden. Feltdata vises kun, hvis siden har tilstrækkeligt mange besøgende.

Forstå Core Web Vitals

• LCP – hvor hurtigt det største element, ofte et billede, bliver vist. Mål: højst 2,5 sekunder.
• INP – hvor hurtigt siden reagerer, når kunden trykker eller klikker. Mål: højst 200 millisekunder.
• CLS – hvor meget indholdet flytter sig under indlæsningen. Mål: højst 0,1.

1. Billeder

Store billeder er en af de mest almindelige årsager til langsomme webshops. Upload billeder i en fornuftig størrelse, og brug temaets indbyggede billedfunktioner, så browseren henter en størrelse, der passer til skærmen.

Billeder længere nede på siden bør først indlæses, når kunden scroller (lazy loading). Det største billede øverst på siden bør derimod indlæses med det samme, ellers forsinker det LCP.

2. Apps og tredjepartsscripts

Mange apps tilføjer JavaScript til alle sider – også dem, hvor appen ikke bruges. Gennemgå dine apps, og fjern dem, du ikke bruger. Vær opmærksom på, at nogle apps efterlader kode i temaet, efter de er afinstalleret.

3. Skrifttyper

Hver skrifttype og hvert skriftsnit er en ekstra fil, der skal hentes. Begræns antallet, og vælg skrifttyper, der er optimeret til web.

4. Undgå, at siden hopper

Når billeder, bannere eller pop-ups ikke har en fast plads, flytter indholdet sig under indlæsningen. Angiv bredde og højde på billeder, og undgå at indsætte bannere øverst på siden, efter den er vist.

5. Hold temaet opdateret og enkelt

Ældre og kraftigt tilpassede temaer kan indeholde meget ubrugt kode. Overvej også, om slideshows, videoer og animationer faktisk hjælper dine kunder – eller bare gør siden tungere.

Hvornår skal du have hjælp?

Har du rettet det oplagte, og er siderne stadig langsomme, ligger årsagen ofte dybere i temaet eller i samspillet mellem apps. Læs om vores hastighedsoptimering, hvor vi måler før og efter og dokumenterer ændringerne.