Defer/async scripts
Detecteert render-blokkerende <script>-tags in de <head> zonder defer of async.
Waarom is dit belangrijk?
Scripts zonder defer of async in de <head> blokkeren het parsen van HTML totdat ze volledig geladen en uitgevoerd zijn. Dit vertraagt de First Contentful Paint (FCP) en kan de pagina meerdere seconden vertragen.
Hoe los je het op?
Voeg defer toe aan scripts die na het laden van de DOM mogen uitvoeren. Gebruik async voor scripts die onafhankelijk van de DOM zijn (bijv. analytics). Verplaats scripts naar voor de </body> als dat niet mogelijk is.
Deze check scoort van 0 tot 100. Onder de 50 is een fail, 50 tot 89 een waarschuwing, 90 of hoger is goed. Na elke crawl zie je de score per pagina in je rapport, met een korte uitleg wat we vonden.
Veelgestelde vragen
Detecteert render-blokkerende <script>-tags in de <head> zonder defer of async.
Scripts zonder defer of async in de <head> blokkeren het parsen van HTML totdat ze volledig geladen en uitgevoerd zijn. Dit vertraagt de First Contentful Paint (FCP) en kan de pagina meerdere seconden vertragen.
Voeg defer toe aan scripts die na het laden van de DOM mogen uitvoeren. Gebruik async voor scripts die onafhankelijk van de DOM zijn (bijv. analytics). Verplaats scripts naar voor de </body> als dat niet mogelijk is.
Voorbeeld
Kopieer de code hieronder en pas de domeinnaam, merknaam en inhoud aan naar jouw situatie.
<script src="app.js" defer></script>