Performanceoptimering for B2B‐sites: cache, responsivt design, CTA’er og PHP‐tuning i WordPress

Svaret ligger (blandt andet) i 5 discipliner: caching, responsivt design, CTA’er, visuel formidling og PHP‐optimering. Og nej, det handler ikke kun om grønne scores i Google PageSpeed. Det handler om oplevelsen i brugerens browser. Det er dér, magien (eller frustrationen) sker.

Start med det vigtigste – og ja, det kan måles

Når man snakker om hastighedsoptimering, så anbefaler altid at starte med en helhedsforståelse. Brug værktøjer som Pingdom eller Google PageSpeed Insights, men brug dem som et pejlemærke – ikke som dommer og bøddel.

For i sidste ende er det den følte hastighed, der tæller. Hvor hurtigt siden opleves. Det kan du læse mere om i indlægget her.

Den fornemmelse af hvad brugerne oplever kan du bl.a. fange med værktøjer som:

• WebPageTest.org – især deres visuelle load analyser og “filmstrip view”
• CrUX Vis – Giver et historisk overblik over din performance, så du også nemmere kan “pin pointe” hvilke indgreb der har gjort et udslag.
• Chrome DevTools > Performance – her kan du aflure alt fra første byte til interaktive elementer.
• Hotjar/Session replay – hvor klikker folk? Og hvornår giver de op?

Når du har overblikket, så sæt ind, hvor det for alvor giver noget.

Ønsker du at vi skulle lave analysen for dig, så koster den 7.500 DKK, og så har du en komplet plan over optimeringerne der skal foretages.

Nedenstående er nogle indgreb vi ofte kommer omkring.

1. Caching – hent ikke alt hver gang

Caching er som at lægge ruten frem, før nogen spørger om vej. Jo mindre serveren skal tænke, desto hurtigere svarer den.

Dette afsnit er ikke til for almindelige mennesker. Det kræver udvikler baggrund for at kunne implementere det korrekt.

Hvad du kan gøre:

• Glem ikke CDN (Content Delivery Network) – især hvis du har internationale brugere.
• Brug Object Cache – f.eks. Redis eller Memcached – for at mindske antallet af databasekald.
• Sæt Full Page Caching op via fx WP Rocket eller LiteSpeed Cache (hvis serveren understøtter det).
• Husk Browser Caching – især for statiske filer som billeder, skrifttyper og JavaScript.

2. Responsivt design – mere end bare “mobile‐friendly”

Responsivt design handler ikke bare om at tingene skal kunne vises på mobilen – det handler om at de skal vises godt.

Det bør du tjekke:

• Prioritér Core Web Vitals – især Cumulative Layout Shift og Largest Contentful Paint – de siger meget om den mobile oplevelse.
• Brug moderne billedformater som WebP og sørg for at billeder tilpasses skærmstørrelse via srcset.
• Skær ned på unødvendige scripts. Mange desktop‐funktioner er overflødige på mobil.
• Benyt horisontal scroll, så ikke alt indhold bare stables.
• Nogen elementer bør tage sig helt anderledes ud på mobilen en desktop.

3. Call to Actions – test, test og test lidt mere

Du kan have verdens hurtigste site – men hvis brugeren ikke ved, hvad næste skridt er, så klikker de alligevel væk.

Derfor: Test din CTA. Ikke bare farven på knappen, men ordlyden, konteksten og værdien.

Her er nogle eksempler, der performer godt i B2B‐verdenen:

• “Book en demo” – direkte og konkret
• “Få en gratis gennemgang” – giver værdi med det samme
• “Download vores whitepaper” – perfekt til lead-gen
• “Sammenlign løsninger” – appellerer til research‐fasen
• “Tilmeld dig vores webinar” – ideel til at positionere jer som eksperter
• “Se casen” – især stærk, hvis man allerede har tillid og er i beslutningsmode

4. Visuel formidling – mere blikfang, mere engagement

Hastighed og performance handler ikke kun om teknik. Det handler også om at fange og fastholde opmærksomhed.

Brug formater, der engagerer:

• Infografikker, der forklarer komplekse emner kort og klart
• Animationer, der guider brugerens blik og skaber rytme på siden
• Videoer, der forklarer jeres produkt eller løsning på få minutter
• Interaktive elementer, f.eks. ROI‐beregnere eller checklister
• Slideshows, hotspots og klikbare demoer – som inviterer til handling

Når brugere engagerer sig i dit indhold, bliver de længere – og det sender stærke signaler til Google.

Og som en ekstra bonus: Al den interaktion kan spores. Brug data fra Hotjar, GA4 eller dit CRM, og lav retargeting‐kampagner på LinkedIn og Meta. Du ved allerede, hvem der har vist interesse – nu kan du hjælpe dem videre.

5. PHP-tuning – få motoren til at spinde

WordPress er bygget i PHP. Og jo bedre du stemmer motoren, jo hurtigere kommer du fra A til B.

Her er nogle konkrete tiltag:

Overvej headless‐setup hvis du har et tungt frontend‐lag – det kan skabe markant bedre performance og fleksibilitet.

• Opdater til seneste stabile PHP‐version – pt. PHP 8.2 eller 8.3. Den er ofte meget hurtigere end ældre versioner.
• Brug OPcache, så PHP ikke skal kompilere alt hver gang.
• Slank dit plugin‐setup. Hvert plugin er en potentiel bremseklods.
• Benyt CloudFlare Apo – automatisk performance optimering til WordPress sider

Hyppige stillede spørgsmål

Nyheder, du faktisk gider læse

Tilmeld nyhedsbrevet

Indlæg af

Lars Rasmussen

Backendudvikler

[email protected]