Ecommerce · 11

Performance & Core Web Vitals

Hvert sekund koster ordrer. Vi gør shoppen hurtig og holder den hurtig.

Få en gratis analyse

Sådan arbejder vi med performance & core web vitals

Performance-arbejde handler om, hvor hurtigt shoppen loader og reagerer for rigtige brugere, målt som Core Web Vitals: LCP (største element synligt), CLS (layout, der hopper) og INP (reaktionstid på klik). Ydelsen dækker audit, optimering af billeder, scripts, fonte og caching og løbende overvågning. Den findes, fordi loadtid påvirker både konvertering og placeringer, og fordi shops bliver langsomme igen, hver gang der kommer en ny app eller et nyt kampagnebanner.

Vi måler på rigtige brugere via CrUX-data i Search Console og PageSpeed Insights og supplerer med Lighthouse og WebPageTest på kategori-, produkt- og forside. Derefter prioriterer vi efter, hvad der flytter mest: billedformater og størrelser, tredjeparts-scripts, fonte, render-blokerende CSS og cache-headers. De fleste forbedringer kræver ikke ombygning. Arbejdet koordineres med SEO- og paid-specialisterne, fordi tracking- og annoncescripts ofte er den tungeste del.

I står med Core Web Vitals i grønt i Search Console for mobil og desktop, en dokumenteret liste over, hvad der er ændret og hvorfor, og et budget for, hvor mange og hvor tunge scripts der må tilføjes fremover. Overvågning kører løbende, så I får besked, når en ny app, et banner eller en platformopdatering gør shoppen langsom igen, før det koster ordrer.

Hvornår det giver mening

  • Search Console viser "dårlige URL'er" under Core Web Vitals for mobil, og I ved ikke, hvad der udløser det.
  • Produktsiderne loader på over fire sekunder på mobil, og konverteringen på mobil er under halvdelen af desktop.
  • Shoppen var hurtig ved lanceringen, men er blevet langsom efter et år med nye apps og bannere.
  • I skal køre store kampagner, og shoppen bliver langsom eller ustabil, når trafikken stiger.

Det får du

  1. Performance-audit med prioriteret liste
  2. Billed-, script- og caching-optimering
  3. Core Web Vitals i grønt
  4. Løbende overvågning
Få en gratis analyse

Sådan foregår det

  1. Måling og audit

    Core Web Vitals pr. sidetype fra CrUX og PageSpeed Insights, suppleret med Lighthouse og WebPageTest på mobil. Alle scripts, billeder, fonte og apps kortlægges med vægt og ejer, og listen prioriteres efter effekt.

  2. Billeder, fonte og kritisk CSS

    Billeder konverteres til WebP eller AVIF med korrekte størrelser og lazy loading, LCP-billedet prioriteres, fonte optimeres med preload og font-display, og render-blokerende CSS og JavaScript udskydes. Måles pr. ændring.

  3. Scripts, apps og caching

    Ubrugte apps og tags fjernes, tunge tredjeparts-scripts flyttes til server-side eller indlæses senere, og cache-headers og CDN sættes op på server og billeder. Tracking valideres bagefter, så intet mistes.

  4. Verifikation og overvågning

    Vi verificerer i Search Console over 28 dage, at Core Web Vitals er i grønt for rigtige brugere, dokumenterer ændringerne og sætter overvågning op med alarmer ved fald pr. sidetype.

I dybden

Måling på rigtige brugere, ikke kun i Lighthouse

En Lighthouse-score fra et laboratorium siger ikke, hvad kunderne oplever på en ældre Android på 4G. Vi måler LCP, CLS og INP på rigtige brugere via Chrome UX Report i Search Console og PageSpeed Insights og deler op på sidetype, fordi produktsider og kategorisider fejler af forskellige årsager. Derefter prioriterer vi det, der flytter mest for flest: typisk billeder, tredjeparts-scripts og fonte på mobil.

Oprydning før ombygning

Det meste kan fikses uden at bygge om: billeder i WebP eller AVIF med korrekte størrelser og lazy loading, prioritering af LCP-billedet, færre og senere indlæste scripts, fonte med font-display og preload, kritisk CSS og cache-headers på server og CDN. Vi starter der og går først til arkitektur, tema eller hosting, hvis alt andet er gjort og målet stadig ikke er nået. Hver ændring måles, så I kan se effekten pr. punkt.

Overvågning, der fanger regressions

Nye apps, tag manager-tags og kampagnebannere gør shops langsomme igen, ofte inden for tre måneder. Vi overvåger Core Web Vitals løbende pr. sidetype og får besked, når et tal falder, så det kan spores til en konkret ændring og rettes, før det koster placeringer og ordrer. Sammen med jer laver vi et script-budget: hvad der må tilføjes, og hvem der godkender det.

Hastighed og crawlbarhed bygget ind fra start

En langsom shop taber ordrer, og en shop, der ikke kan crawles, taber kunder, der aldrig finder den. I nye projekter bygger vi med Core Web Vitals, struktureret data og en URL-struktur, der er lavet til søgning fra start, og vi sætter grænser for scripts og billedstørrelser i temaet. Det er billigere end at rette bagefter, og det gør det muligt at holde shoppen hurtig, selv om der kommer nye apps til.

Fejl, vi ofte finder

  • Ukomprimerede billeder i fuld størrelseEt produktbillede på 3 MB, der vises i 400 pixel, er den hyppigste årsag til dårlig LCP på mobil. Vi sætter automatisk konvertering til WebP eller AVIF og srcset med korrekte størrelser op i platformen, så nye billeder også bliver rigtige.
  • Femten tredjeparts-scripts på alle siderChat, anmeldelser, heatmaps, pixels og apps, der ikke længere bruges, blokerer rendering og øger INP. Vi kortlægger hvert script med ejer og formål, fjerner det ubrugte og udskyder resten, og flytter tracking server-side.
  • Ingen cache mellem server og brugerUden korrekte cache-headers og CDN genereres hver side forfra, og time to first byte alene kan æde over et sekund. Vi sætter cache op på server, CDN og billeder og undtager kun det, der skal være dynamisk, som kurv og priser efter login.

Sådan måler vi effekten

  • LCP på mobil på produkt- og kategorisider (CrUX, 75. percentil)
  • INP på mobil under 200 millisekunder
  • Andel af URL'er i grønt under Core Web Vitals i Search Console

Rammer

Pris
Fra 15.000 kr.
Varighed
2–4 uger, overvågning løbende
Hvem
Frontend-udvikler og performance-specialist
Få en gratis analyse

Et eksempel fra virkeligheden

En PrestaShop-shop med ca. 8.000 varer havde LCP på ca. 5,2 sekunder på mobil og alle produktsider markeret som dårlige i Search Console. Auditten viste ukomprimerede billeder, 14 tredjeparts-scripts og ingen cache mellem server og bruger. Vi satte automatisk WebP-konvertering og srcset op, fjernede seks scripts og flyttede tracking server-side, og sattes Redis og CDN-cache op. Efter fire uger lå LCP på ca. 2,2 sekunder for rigtige brugere, og konverteringen på mobil var steget med ca. 15 procent.

Se det i praksis

Cases

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Se alle cases
Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

Ofte stillede spørgsmål

  • Oftest for mange apps og tunge temaer. Vi rydder op og erstatter apps med lette løsninger.

  • Googles grænser er LCP under 2,5 sekunder, CLS under 0,1 og INP under 200 millisekunder for 75 procent af brugerne. Det er målet på mobil, hvor de fleste besøg kommer fra, og hvor forskellen på konvertering er størst.

  • Audit og de første forbedringer fra 15.000 kr. En Shopify- eller PrestaShop-shop kommer typisk i grønt for 15.000 til 40.000 kr. afhængigt af tema og antal apps. Overvågning aftales månedligt.

  • Det afhænger af sortiment, integrationer og hvor meget kontrol I vil have. Shopify er hurtigt at komme i gang med og nemt at drive. PrestaShop giver mere frihed til B2B, komplekse prisregler og egne integrationer. Vi anbefaler efter forretningen, ikke efter platform.

  • Typisk 8 til 14 uger fra første workshop til lancering, afhængigt af integrationer og indhold. En relancering på eksisterende platform kan gøres på 4 til 6 uger.

Næste Migrering af platform →