Kort fortalt: Google kan køre meget JavaScript, men det er dyrere end ren HTML. For LCP og crawl budget er server-side HTML ofte bedre end ren SPA til indholdssider.
Hybridmodeller
SSR, SSG og streaming SSR leverer HTML med indhold tidligt. CSR alene kan fungere, men kræver disciplin omkring JavaScript bundle og fejl i konsollen.
Måling
Brug URL Inspection, Search Console og Lighthouse med JavaScript aktiveret. Sammenhold med CrUX for at se om brugere på mobil mærker langsom hydration .
Hvad crawleren ser vs. hvad browseren bygger
Når kritisk indhold kun indsættes efter JavaScript-kørsel, er I afhængige af at søgemaskinens renderingsbudget når jer. De fleste store sites leverer i dag enten server-side HTML for kerneindhold eller hybrid med synlig fallback.
Tjek med «view source» og med rendered DOM: stemmer titel, brødtekst og links? Hvis links kun findes efter klik eller efter hydration, kan de være sværere at opdage.
Fejl der typisk skjuler indhold
Blokerende scripts, fejl i bundter, A/B-tests der viser tom skal til bots, og miljødetektering der giver «minimal» HTML til «ikke-browser» user-agents. Sidstnævnte er risikabelt - brug i stedet fælles HTML-kerne og progressive forbedringer.
Tredjeparts consent-bannere der fjerner hele main-indhold indtil accept kan i værste fald give tomme crawls hvis ikke håndteret med teknisk omtanke.
Praktisk testdisciplin
Efter hver større frontend-release: kør URL-inspektion på repræsentative skabeloner og supplér med crawls der renderer JS. Log ikke alt på klienten uden at have server-side fejlsøgning for tomme states.
Hold SSR/SSG/CSR-beslutningen dokumenteret per skabelon - ellers ender nye features i ren klientlogik «fordi det var hurtigst».
Videre på sitet
Relaterede guides og blogindlæg finder du i kortene nederst på siden. Overblik: Blog, Guides, Ordbog.
FAQ
Indexerer Google React-sider?
Ofte ja, men langsommere og med flere fejlmuligheder end ren HTML. Lever kritisk indhold i HTML når muligt.
Næste skridt fra begreb til handling
Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.
Fjern eller udsæt tunge tredjeparts scripts uden at ødelægge funktionalitet
Følg en praktisk guide til at finde, vurdere og udsætte tredjeparts scripts, så de ikke ødelægger LCP, INP og den samlede brugeroplevelse.
Sådan finder du lange tasks i DevTools og forbedrer INP
Lær hvordan du bruger DevTools til at finde lange tasks, tunge event handlers og JavaScript der gør siden træg at bruge.
Optimer cookie banner uden CLS og INP problemer
Lær hvordan du bygger eller justerer cookie bannere, så de ikke skubber indhold, blokerer interaktion eller gør siden tungere end nødvendigt.
Vary-header og caching: undgå forkert indhold og lav cache-hit-rate
Vary bestemmer hvornår caches skal gemme flere varianter af samme URL (fx gzip vs brotli eller dansk vs engelsk). Lær de typiske fejl, og hvordan du tester med headers og curl.
Sådan prioriterer du hastighedsoptimering uden at spilde tid
Lær hvordan du prioriterer hastighedsoptimering rigtigt, så du starter med de ændringer der giver mest effekt på LCP, INP, CLS og TTFB.
Hvordan tredjeparts scripts gør din hjemmeside langsom
Få overblik over hvordan chat widgets, tracking, consent, video embeds og andre tredjeparts scripts påvirker LCP, INP, CLS og TTFB.
