Web · 05

Performance

Hvert sekund koster brugere. Vi gør sitet hurtigt og holder det hurtigt.

Få en gratis analyse

Sådan arbejder vi med performance

Performance handler om, hvor hurtigt siden vises, hvor hurtigt den reagerer, og om indholdet står stille, mens den loader. Google måler det som Core Web Vitals (LCP, INP og CLS) på rigtige brugere og bruger det i rangeringen. Ydelsen findes, fordi de fleste sites bliver langsomme gradvist: en app her, et banner der, tre tracking-scripts, og ingen måler det, før placeringer eller konvertering falder.

Vi måler først på rigtige brugere i CrUX og Search Console, ikke kun i Lighthouse, og finder de tunge dele med WebPageTest og DevTools: billeder, scripts, fonte, tredjeparter, serverens svartid. Det meste kan rettes uden ombygning, uanset om sitet kører på Shopify, PrestaShop, WordPress eller Astro. Vi retter i prioriteret rækkefølge og måler efter hver ændring, så vi ved, hvad der virkede.

Bagefter er Core Web Vitals grønne i Search Console, og I har en rapport over, hvad der blev ændret, og hvad det gav. Vi sætter overvågning op, der advarer, når en ny app eller et script gør sitet langsommere igen, og en kort liste over regler for redaktører og marketing, fx maksimal billedstørrelse og hvilke scripts der kræver en udvikler.

Hvornår det giver mening

  • Search Console viser "dårlige URL'er" under Core Web Vitals på mobil, og I ved ikke, hvad der udløser det.
  • Webshoppen har fået 15 apps installeret over to år, og produktsiderne loader på over fire sekunder.
  • Konverteringsraten på mobil er under halvdelen af desktop, og I har udelukket pris og sortiment som årsag.
  • I bruger et betydeligt beløb på annoncer, og landingssiderne loader så langsomt, at kvalitetsscoren i Google Ads trækkes ned.

Det får du

  1. Performance-audit
  2. Optimering af billeder, scripts og caching
  3. Core Web Vitals i grønt
  4. Overvågning
Få en gratis analyse

Sådan foregår det

  1. Måling på rigtige brugere

    Vi henter data fra CrUX og Search Console for de vigtigste sidetyper (forside, kategori, produkt, landingsside) og fastlægger, hvor sitet fejler og hvor meget. I får et udgangspunkt med tal, ikke kun en Lighthouse-score.

  2. Audit og prioriteret liste

    Med WebPageTest og DevTools finder vi årsagerne: billeder, scripts, fonte, tredjeparter, apps, server. Hver fund får et estimat på effekt og timer, så I kan vælge, hvad der skal rettes først.

  3. Optimering i prioriteret rækkefølge

    Vi retter på staging, måler efter hver ændring og lægger ud i produktion løbende. Billeder, scripts og caching først, derefter apps og tema. Alt dokumenteres, så I ved, hvad der er ændret.

  4. Verifikation og overvågning

    Vi bekræfter, at Core Web Vitals er grønne i Search Console, når de nye data er kommet ind (typisk 28 dage), sætter overvågning op og afleverer regler for billeder og scripts til redaktører og marketing.

I dybden

Hvad der måles, og hvor tallene kommer fra

LCP er tiden, til det største element er vist, INP er reaktionstiden på klik, og CLS er, hvor meget indholdet hopper. Vi bruger CrUX og Search Console som facit, fordi det er rigtige brugere på rigtige telefoner, og Lighthouse og WebPageTest til at finde årsagerne. Mobil vejer tungest, fordi det er der, de fleste besøg og de langsomste enheder er.

Oprydning før ombygning

De typiske gevinster i rækkefølge: billeder i rigtig størrelse og format (AVIF/WebP), scripts der loades efter visning eller fjernes, fonte hostet lokalt med font-display, caching og CDN, og en server, der svarer på under 200 ms. På webshops kommer dertil apps og temaets egne scripts. Det meste kan gøres inden for det eksisterende tema og uden at ændre design.

Overvågning, så det bliver ved med at være hurtigt

Nye apps, bannere og tag-manager-tags gør sites langsomme igen inden for få måneder. Vi sætter overvågning op med ugentlige målinger på de vigtigste sidetyper og en advarsel, når LCP eller INP stiger over grænsen. Så kan regressions fanges, før de har kostet placeringer. Ved løbende samarbejde gennemgår vi tallene månedligt.

Fejl, vi ofte finder

  • Billeder i fuld størrelse fra kameraetEt hero-billede på 3 MB i JPEG koster alene et sekund eller mere på mobil. Vi sætter automatisk konvertering til AVIF/WebP og størrelser pr. skærm op i CMS eller CDN, så redaktører kan uploade, som de plejer.
  • Tredjeparts-scripts, ingen brugerChat, heatmap, gammel A/B-testværktøj og to versioner af Facebook-pixel loader på hver side. Vi gennemgår tag manager og tema, fjerner det, der ikke bruges, og loader resten, efter at siden er vist.
  • Optimering målt kun i LighthouseEn Lighthouse-score på 95 på desktop siger ikke, hvad kunderne oplever på en mellemklasse-Android på 4G. Vi bruger CrUX og Search Console som facit, så vi optimerer det, Google og kunderne faktisk måler.

Sådan ser det ud

0sek. loadtid

Sider der er på skærmen, før kunden når at tvivle. Hurtigt, tilgængeligt og nemt at drive.

Før 4,8 s
Efter 0,9 s

Sådan måler vi effekten

  • LCP på mobil (75-percentilen i CrUX)
  • INP på produkt- og checkout-sider
  • Andel af URL'er markeret som gode i Search Consoles Core Web Vitals-rapport

Rammer

Pris
Fra 15.000 kr.
Varighed
2–4 uger
Hvem
Frontend-udvikler og SEO-specialist
Få en gratis analyse

Eksempel: Stolespecialisten

Da Stolespecialisten skulle have ny webshop, målte vi det gamle site først: produktsider med ubeskårne billeder, syv apps med egne scripts og fonte fra tre kilder gav en LCP på over fire sekunder på mobil. I den nye shop blev billeder leveret i WebP i rigtig størrelse, apps erstattet af funktioner i temaet og scripts udskudt til efter visning. Loadtiden faldt ca. 41 %, og Core Web Vitals blev grønne i Search Console inden for den første måned efter lancering.

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

  • Under 2 sekunder til første visning på mobil. Googles grænser er LCP under 2,5 sekunder, INP under 200 ms og CLS under 0,1 for 75 % af brugerne. Vi sigter lavere.

  • Oftest ja. De største gevinster ligger typisk i apps, temaets scripts, billeder og tredjeparts-tracking, som kan rettes uden nyt tema. Vi måler først og siger, hvad der kan nås inden for temaet.

  • WordPress er velkendt og fleksibelt til indholdstunge sites. Headless (Astro med et hovedløst CMS) giver hastighed og sikkerhed og passer til sites, hvor performance er afgørende. Vi anbefaler efter opgaven.

  • Typisk 6 til 12 uger fra workshop til lancering, afhængigt af omfang og indhold.

Næste Tilgængelighed (WCAG) →