Snelheid Lage impact Gemiddeld 30–60 minuten

Inline-scripts

Veel <script>s staan rechtstreeks in het HTML-blok en kunnen niet in de cache worden opgeslagen.

Wat het is

Inline-scripts worden rechtstreeks in <script>…</script> in de HTML gecodeerd (geen extern bestand). Ze blokkeren de weergave op het moment van optreden en kunnen niet in de cache worden opgeslagen of worden uitgesteld via uitstel/asynchronisatie.

Waarom het belangrijk is

Grote inline-scripts blazen de HTML op en blokkeren de weergave. Ze compliceren ook het veiligheidsbeleid (CSP).

Hoe je het doet

1Verplaats de code naar externe .js-bestanden en laad ze met uitstel.
2Houd kleine essentiële initialisaties, maar houd ze minimaal.
3Overweeg CSP: inline scripts maken het ingewikkeld.

Conclusie

Externe bestanden met uitstel verslaan meestal inline scripts (cacheerbaarheid + niet-blokkerend). Verplaats grote inline-blokken naar buiten; kleine initialisaties zijn prima. Dit houdt verband met de algemene strategie om JS uit te stellen.

Gerelateerde onderwerpen