Hvad er resource hints (preload-prefetch)

Hvad er Resource hints (preload-prefetch)?

Resource hints (preload-prefetch) er HTML-teknikker, der hjælper browsere med at hente vigtige ressourcer hurtigere. Med preload kan du prioritere specifikke filer, mens prefetch fortæller browseren at hente ressourcer, som sandsynligvis skal bruges senere. Disse metoder forbedrer hjemmesideydelse og brugeroplevelse.

Hvornår bruges det?

Resource hints anvendes ofte på hjemmesider, hvor bestemte ressourcer (som skrifttyper, CSS eller billeder) skal være klar uden forsinkelse, når brugeren navigerer. For SEO kan dette reducere load-tid på vigtige sider og dermed forbedre Core Web Vitals. De bruges især, når du ved, at en bruger med stor sandsynlighed vil besøge en given underside eller interagere med et bestemt element snart.

Eksempel: En webshop ved, at flest brugere går fra forsiden til en produktside. I headeren på forsiden implementeres <link rel="prefetch" href="/produkt1.jpg">, så billedet hentes i baggrunden før brugeren klikker videre.

Typiske fejl

• Overforbrug af resource hints, hvilket kan øge samlet netværksbelastning.
• Forkert valg af rel-attribut (f.eks. bruge preload til ressourcer, der ikke er kritiske).
• Glemme at angive as-attributten sammen med preload, hvilket kan give browseradvarsler.

Relaterede begreber: Lazy loading, critical rendering path, Core Web Vitals.