Kort fortalt: Store JavaScript bundle , hydration og tredjeparts-scripts gør CSR dyrt på mobil. Vurder code splitting og server-first patterns før I accepterer ren SPA til offentlige sider.
SEO-hensyn
Læs om JavaScript-rendering - sørg for synlig tekst i HTML eller verificeret rendering.
Performance-hensyn
Brug defer og async , code splitting og reducer hydration scope. Mål INP på real devices.
Single-page og tom skal-risikoen
Ren CSR henter ofte et minimalt HTML-skelet og bygger UI i browseren. Det kan give app-lignende oplevelse for loggede brugere, men kræver disciplin for at søgemaskiner og hurtig første visning ikke lider.
Uden SSR/SSG på offentlige landingsider bør I have en klar begrundelse og testplan - «alle gør det» er ikke en strategi.
Bundstørrelse og runtime
CSR flytter beregningsbyrden til brugerens enhed. På mellemklassetelefoner betyder store React/Vue-bundter langsom time-to-interactive og dårlig INP. Code-split pr. route og udskyd tredjepart.
Service workers og client-cache kan hjælpe gentagne besøg, men første indtryk forbliver bundafhængigt.
Når CSR stadig er fornuftigt
Interne dashboards, værktøjer bag login og flows hvor SEO er irrelevant er naturlige CSR-kandidater. Del kodebasis med offentlige sider, men split byg så offentlige routes får server-HTML.
Dokumentér beslutningen så nye features ikke utilsigtet lander i «kun CSR» fordi import-stien var kortere.
Videre på sitet
Relaterede guides og blogindlæg finder du i kortene nederst på siden. Overblik: Blog, Guides, Ordbog.
FAQ
Hvornår er CSR OK?
Når brugeren allerede er autentificeret og SEO ikke er kritisk for den view.
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.
