Lær SEO uten snarveier

Core Web Vitals og WordPress-tema

Temaet setter et tak på hvor gode tallene kan bli. Slik vurderer du et tema før du velger, og hva du gjør om valget alt er tatt.

Temaet er den enkeltbeslutningen som påvirker Core Web Vitals mest, og den som er vanskeligst å gjøre om. Du kan komprimere bilder og skru på caching når som helst. Å bytte tema på et etablert nettsted er et prosjekt.

Derfor er det verdt en times vurdering før du velger, og verdt å vite hva du kan og ikke kan rette opp etterpå.

Hvorfor temaet setter taket

Temaet bestemmer hva som lastes på hver eneste side, uavhengig av innholdet. Stilark, skrifter, ikonbiblioteker, JavaScript for menyer, animasjoner og karuseller. Alt dette kommer før innholdet ditt.

Et tema som laster 500 kilobyte CSS og JavaScript på en enkel tekstside gjør det på alle sider, for alltid. Du kan ikke optimalisere deg forbi det, du kan bare redusere det som kommer i tillegg.

Sidebyggere er hovedproblemet

Temaer bygget rundt visuelle sidebyggere er den vanligste årsaken til dårlige tall i norske WordPress-installasjoner.

Grunnen er to ting. De laster et rammeverk som må dekke alt du kan tenkes å bygge, ikke bare det du bygget. Og de pakker hvert element inn i flere lag med markup, som gir større HTML og mer for nettleseren å regne på.

Dette er ikke et argument for at sidebyggere er ubrukelige. De løser et reelt problem: at kunden skal kunne endre sider selv. Men prisen er reell, og den bør være et bevisst valg og ikke en overraskelse.

Hvilken måling temaet påvirker

Det er nyttig å vite hva temaet gjør med hver av de tre:

LCP påvirkes av blokkerende stilark og skrifter, og av hvordan toppbildet håndteres. Lazy-lastes hovedbildet, blir tallet dårlig uansett hvor lite bildet er.

INP påvirkes av JavaScript. Temaer med mange animasjoner, effekter ved rulling og interaktive elementer gir mest arbeid til nettleseren.

CLS påvirkes av om temaet oppgir dimensjoner på bilder, hvordan skrifter byttes ut underveis, og av elementer som settes inn på toppen etter at siden har begynt å vises.

Se Core Web Vitals for ikke-utviklere.

Slik vurderer du et tema før du velger

Alle temaer markedsfører seg som raske. Test det selv:

  1. Kjør demoen gjennom PageSpeed Insights. Bruk en innholdsside, ikke forsiden, siden forsiden ofte er spesialbygget for å imponere.
  2. Se på totalstørrelsen. Hvor mange kilobyte lastes på en enkel side? Under 500 er greit, over 1500 er tungt.
  3. Tell forespørslene. Mange små filer betyr som regel mange separate biblioteker.
  4. Se etter skrifter. Laster demoen fire skrifttyper i seks vekter, gjør ditt nettsted det også.
  5. Sjekk om demoen er representativ. Noen demoer er lette fordi de er nesten tomme.

Et tema som scorer dårlig i demo blir aldri bedre når du fyller det med eget innhold. Den veien går bare én retning.

Skrifter

Skriftlasting er den vanligste enkeltfeilen, og den enkleste å rette.

Mange temaer laster flere skriftfamilier og et titalls vekter, mens nettstedet bruker to. Hver vekt er en egen fil som må lastes ned før teksten kan vises med riktig utseende.

Tre grep hjelper: bruk færre vekter, hent skriftene fra din egen server i stedet for en ekstern tjeneste, og sørg for at teksten vises med en reserveskrift mens den riktige lastes. Det siste heter font-display: swap og hindrer at siden står tom mens den venter.

Å hente skrifter lokalt har også en juridisk side i Europa: eksterne skriftjenester overfører IP-adressen til besøkende, og det har vært tema i flere personvernsaker.

Hva du kan gjøre uten å bytte tema

Er valget allerede tatt, er det fortsatt en del å hente:

  • fjern skrifter og vekter som ikke brukes
  • slå av animasjoner og effekter temaet har på som standard
  • sjekk at toppbildet ikke lazy-lastes
  • deaktiver moduler i temaet du ikke bruker, mange har en egen liste for dette
  • bruk et plugin som fjerner stilark og skript på sider der de ikke trengs

Det siste kan gi mye, men det krever testing. Fjerner du noe som viser seg å være nødvendig, oppdager du det gjerne på en undersides skjema tre uker senere.

Når det er verdt å bytte

Bytte av tema er dyrt og risikabelt, så det bør ha en grunn utover tallene alene. Jeg ville vurdert det når:

  • nettstedet uansett skal bygges om
  • tallene er i rød sone og alt annet er forsøkt
  • temaet ikke lenger vedlikeholdes, som også er et sikkerhetsproblem
  • hastighet har direkte forretningsverdi, typisk i netthandel

Ellers: lev med det, hent ut det som er å hente, og ta det riktige valget neste gang. Et middels tema med godt innhold slår et raskt tema med ingenting i.