Kort fortalt: Brug skeletons der matcher endelig typografi og billedproportioner for at minimere CLS . Undgå at erstatte meningsfuldt indhold med uendeligt blinkende grå bokse.
Balancen
Korte waits behøver ikke skeleton; for lange waits er progress og cancel bedre end tom pause.
Performance
For mange DOM-opdateringer under skeleton→content kan skade INP - batch opdateringer og brug CSS transitions med omtanke.
Forventningsstyring vs. maskering
Skeleton screens viser grå pladsholdere mens data loader. De kan reducere opfattet ventetid når de matcher layoutet tæt - men løse grå bokse der hopper vildt når rigtigt indhold kommer skaber frustration og CLS.
Brug dem hvor indholdets form er forudsigeligt (kortlister, profilheader); undgå dem som erstatning for at løse langsomme API’er.
Tilgængelighed og «loaded»-tilstand
Skærmlæsere skal vide at indhold loader: brug aria-busy eller live regions passende. Et evigt blinkende skeleton signalerer fejl eller hængende request.
Sæt timeouts og fejl-UI: bedre at vise «kunne ikke hente» end uendelig skeleton.
Performance på lavend-hardware
Animationer på skeletons (shimmer) kan være GPU-tunge på svage telefoner. Hold animationer subtile eller respekter prefers-reduced-motion.
Hvis skeleton erstatter LCP-elementet for længe, skader det reelle LCP-tal - prioriter at få det vigtigste medie eller tekst ind hurtigere frem for poleret placeholder.
Videre på sitet
Relaterede guides og blogindlæg finder du i kortene nederst på siden. Overblik: Blog, Guides, Ordbog.
FAQ
Er skeleton bedre end spinner?
Ofte for layout-tunge sider - hvis skeleton ikke matcher slutlayout, vælg en simpel spinner.
Næste skridt fra begreb til handling
Guides og blogindlæg der matcher begrebets emne - ud fra fælles tags og sidens fokus.
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.
Undgå CLS fra fonts: font-display, preload og stabile fallbacks
Lær at undgå layout-hop (CLS) fra webfonts med font-display, fallback-strategi og korrekt preload. Guiden er til dig der vil have pæn typografi uden at ødelægge stabilitet.
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.
Cookie banner og Core Web Vitals: den oversete årsag til dårlig brugeroplevelse
Se hvordan cookie bannere og consent scripts kan påvirke load, layout og interaktion, og lær hvordan du undgår at de ødelægger brugeroplevelsen.
5 grunde til at din hjemmeside er langsom og hvad du gør ved det
Se de mest almindelige årsager til en langsom hjemmeside, hvordan du spotter dem, og hvilke ændringer der typisk giver mest effekt først.
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.
