Hvad er Critical rendering path?
Critical rendering path er den proces, hvor browseren omdanner en webside fra HTML, CSS og JavaScript til det synlige indhold, som brugeren ser i sin browser. Denne proces afgør, hvor hurtigt den første synlige del af siden vises. Optimering af critical rendering path kan derfor reducere load-tiden og forbedre brugeroplevelsen betydeligt.
Hvornår bruges det?
Critical rendering path analyseres og optimeres ofte, når man arbejder med teknisk SEO og hastighedsforbedringer på websites. Ved at minimere og strukturere kritiske ressourcer – eksempelvis ved at udsætte eller optimere loading af CSS og JavaScript – kan man opnå hurtigere rendering og bedre Core Web Vitals-score. Dette er især vigtigt for websites med mange eksterne scripts eller store stylesheets, hvor indholdet ellers vises langsommere end nødvendigt.
Eksempel: En webudvikler opdager, at en webshop har en langsom “first paint”. Ved at identificere og optimere critical rendering path – f.eks. ved at lægge kritisk CSS inline og udsætte ikke-kritisk JavaScript – bliver forsiden synlig hurtigere for brugerne og giver bedre målinger i PageSpeed Insights.
Typiske fejl
- Indlæsning af for meget unødvendig CSS eller JavaScript før sidens synlige indhold vises.
- Placering af render-blokerende scripts i toppen af HTML-filen.
- Manglende prioritering af kritiske ressourcer i forhold til visning af indholdet.
Relaterede begreber: Render-blocking resources, Core Web Vitals, Above the fold
