Eliminate render-blocking resources er en PageSpeed-anbefaling om filer, der forsinker den første paint. Browseren venter ofte på CSS (og nogle scripts) i <head>, før den tegner indhold. Jo flere og større filer, desto senere ser brugeren noget meningsfuldt.
CSS og JavaScript
Stylesheets er som udgangspunkt render-blocking. Løsningen er ikke at fjerne al CSS, men at prioritere: critical CSS tidligt, resten senere, og mindre ubrugt CSS. Scripts uden defer eller async kan blokere HTML-parsing. Defer er normalt det sikre valg for tema- og plugin-JS.
WordPress-virkelighed
- Temaer og page builders loader ofte store CSS-bundter på alle sider.
- Plugins tilføjer stylesheets i head, også hvor de ikke bruges.
- Optimeringsplugins kan hjælpe, men blind “defer alt” knækker gerne menuer og checkout.
Start med at fjerne unødvendige assets, derefter kritiske stier — ikke omvendt.
Måling
PageSpeed Insights lister render-blocking URL’er. Bekræft i Network-panelet, hvilke der faktisk ligger på den kritiske sti til FCP og LCP. Ret de få, der forsinker first paint mest.