Snelheid & Performance2 min leestijd
Wat is render-blocking en hoe los ik het op?
In het kort
Render-blocking CSS en JavaScript verhinderen dat je pagina snel laadt. Defer of async scripts en critical CSS inline plaatsen helpt.
Wat is render-blocking?
Wanneer de browser je pagina laadt, stopt hij met renderen totdat alle CSS en JavaScript in de head geladen is. Dit noemen we render-blocking resources. Hoe meer en groter deze bestanden, hoe langer je bezoeker naar een wit scherm kijkt.
Oplossingen
Voeg 'defer' of 'async' toe aan script-tags die niet direct nodig zijn. Plaats critical CSS (de CSS voor above-the-fold content) inline in de head. Laad de rest van je CSS asynchroon. Plugins als WP Rocket doen dit automatisch.
Wanneer MADA Tech inschakelen?
- • Je wilt het niet zelf doen of komt er niet uit
- • Je wilt het in een keer goed laten regelen
- • Je wilt doorlopend beheer en support
- • Je wilt hulp met snelheid & performance
Een full service web- en marketingpartner voor heel Nederland, met een vaste basis in Assen. Websites vanaf €499 of €65 per maand inclusief managed hosting en basis SEO.
render-blocking
css
javascript
performance
pagespeed
Gerelateerd
Website laten maken in jouw regio?
Populaire branches
Hulp nodig?
Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €499 of €65 per maand inclusief beheer.