Core Web Vitals der betyder mest for WordPress
Core Web Vitals er Googles måde at måle brugeroplevelsen på dit WordPress site. Når dit site performer godt på disse metrikker, belønnes du med bedre placeringer i søgeresultaterne.
Som freelancer har jeg set mange WordPress sites tabe trafik fordi ejerne ikke forstod vigtigheden af disse mål. Lad mig forklare hvilke metrikker du skal fokusere på og hvorfor de betyder så meget for dit sites succes.
LCP CLS og INP i praksis
Largest Contentful Paint (LCP) handler om hvor hurtigt dit største element loader. Det kan være et billede, en video eller en tekstblok. Google vil have denne værdi under 2,5 sekunder.
Cumulative Layout Shift (CLS) måler hvor meget dit site hopper rundt mens det loader. Du kender det sikkert når du skal til at klikke på noget, og pludselig flytter alt sig. Denne værdi skal være under 0,1.
Interaction to Next Paint (INP) har erstattet First Input Delay og måler hvor responsive dit site er. Når en bruger klikker på en knap, hvor hurtigt reagerer siden så? Under 200ms er målet.
Mobil hastighed der ranker
Over 60% af al webtrafik kommer fra mobile enheder. Google prioriterer mobilversionen af dit site når de bestemmer din ranking. Det betyder at din mobilhastighed er afgørende.
På mobil er forbindelserne typisk langsommere og processorkraften mindre. Derfor skal du tænke mobilfirst når du optimerer dit WordPress site. Test altid i PageSpeed Insights og fokuser på mobilscoren.
Mange WordPress sites scorer fint på desktop men fejler på mobil. Det er her du mister potentielle kunder og Google ranking. Prioriter derfor altid mobiloplevelsen først.
Elementor og WooCommerce uden at dræbe hastigheden
Elementor og WooCommerce er kraftfulde værktøjer, men de kan også være tunge hvis ikke de bruges rigtigt. Mange tror de skal vælge mellem funktionalitet og hastighed, men det behøver ikke være tilfældet.
Gennem årene har jeg optimeret utallige WordPress sites der bruger disse populære plugins. Med de rigtige teknikker kan du få det bedste fra begge verdener uden at gå på kompromis.
Trim DOM og widgets
DOM træet er strukturen af dit websites HTML elementer. Elementor har tendens til at skabe mange unødvendige div tags og containers. En side med over 1500 DOM elementer begynder at blive træg.
Gå gennem dine Elementor sider og fjern overflødige widgets og containers. Brug færre kolonner og rækker hvor det er muligt. Kombiner elementer i stedet for at lave separate widgets for hver lille detalje.
I WooCommerce skal du være særlig opmærksom på produktsider med mange variationer. Hver variation tilføjer kompleksitet til DOM træet. Overvej at simplificere dine produktopsætninger hvis hastigheden lider.
Billeder i WebP og AVIF
Billeder er ofte den største synder når det kommer til langsom indlæsning. JPEG og PNG formater er forældede til webformål. WebP reducerer filstørrelsen med 25-35% uden synlig kvalitetstab.
AVIF er endnu bedre med op til 50% reduktion i filstørrelse. Ikke alle browsere understøtter AVIF endnu, så brug WebP som fallback og JPEG som sidste udvej.
- Konverter alle eksisterende billeder til WebP format
- Brug responsive billeder med forskellige størrelser
- Implementer lazyloading på alle billeder under folden
- Komprimer billeder før upload med værktøjer som Imagify
Cache og lazyload
Caching gemmer en statisk version af din side så serveren ikke skal generere den hver gang. WordPress sites er dynamiske og kræver derfor caching for at køre hurtigt.
WP Rocket er mit foretrukne cache plugin til WordPress. Det håndterer page caching, minification og lazyloading out of the box. Alternativt kan du bruge W3 Total Cache hvis du har brug for mere kontrol.
Lazyloading sørger for at billeder kun loader når brugeren scroller ned til dem. Det reducerer den initielle indlæsningstid markant og forbedrer LCP scoren betydeligt.
Serveropsætning der giver fart fra første byte
Din server er fundamentet for et hurtigt WordPress site. Selv det mest optimerede site vil være langsomt på en dårlig server. Time to First Byte (TTFB) skal ideelt set være under 600ms.
Mange WordPress ejere bruger billig shared hosting og undrer sig over hvorfor deres site er langsomt. Investeringen i ordentlig hosting betaler sig hurtigt tilbage gennem bedre brugeroplevelse og højere konverteringsrater.
Nginx og HTTP3
Apache er stadig standard på mange hosting udbydere, men Nginx er betydeligt hurtigere til at servere statisk indhold. Nginx bruger mindre hukommelse og kan håndtere flere samtidige forbindelser.
HTTP3 er den nyeste version af web protokollen og giver op til 30% hurtigere indlæsning. Det bruger QUIC i stedet for TCP og eliminerer mange af de forsinkelser der opstår ved traditionel HTTP.
På mine Hetzner VPS servere kører jeg altid Nginx med HTTP3 support. Kombineret med Nginx Proxy Manager får du et kraftfuldt og hurtigt setup til dine WordPress sites.
PHP og database tuning
WordPress kører på PHP og bruger MySQL eller MariaDB til database. Begge skal være optimeret for bedste performance. PHP 8.2 eller nyere giver en betydelig hastighedsforbedring i forhold til ældre versioner.
Database optimering handler om at fjerne spam, revisioner og unused plugins data. Brug WP-Optimize til automatisk database rensning. Sørg også for at have de rigtige database indices på plads.
Optimering | Forventet forbedring |
---|---|
PHP 8.2 upgrade | 15-25% hurtigere |
Database cleanup | 10-20% hurtigere |
Memory limit øgning | 5-15% hurtigere |
Hurtig WordPress i Docker på Hetzner VPS
Docker giver dig fuld kontrol over dit WordPress miljø og gør det nemt at skalere og vedligeholde. På en Hetzner VPS får du kraftig hardware til en brøkdel af prisen på andre cloud udbydere.
Mit foretrukne setup bruger Docker Compose med separate containers til WordPress, MariaDB, Nginx og Redis cache. Dette giver maksimal fleksibilitet og performance samtidig med at det er nemt at administrere.
CDN og edge cache
Content Delivery Network (CDN) distribuerer dit indhold fra servere rundt om i verden. Når en bruger i USA besøger dit site, serveres det fra en server tæt på dem i stedet for fra Danmark.
Cloudflare er en populær og prisvenlig CDN løsning. De tilbyder gratis CDN med edge caching som kan reducere indlæsningstiden med 40-60% for internationale besøgende.
Edge caching gemmer dit indhold på CDN serverne så det ikke skal hentes fra din origin server hver gang. Kombiner dette med proper cache headers og du får en lynhurtig global performance.
WordPress hastighed der øger indtægterne
En investering i WordPress hastighed giver målbare resultater på bundlinjen. Studier viser at hvert sekund længere indlæsningstid reducerer konverteringsraten med 7%. For en webshop kan det betyde tusinvis af kroner i tabt omsætning.
Google prioriterer hurtige sites i søgeresultaterne hvilket giver mere organisk trafik. Kombineret med bedre brugeroplevelse og højere konverteringsrater er WordPress optimering en af de bedste investeringer du kan lave i dit online forretning.