Geschwindigkeit Geringe Auswirkung Mittel 30–60 Min.

Inline-Skripte

Viele <script> direkt im HTML blockieren und lassen sich nicht cachen.

Was es ist

Inline-Skripte sind Code direkt in <script>…</script> im HTML (keine externe Datei). Sie blockieren das Rendern an der Stelle ihres Auftretens und lassen sich weder cachen noch über defer/async verzögern.

Warum es wichtig ist

Große Inline-Skripte blähen das HTML auf und blockieren das Rendern. Zudem erschweren sie die Sicherheitsrichtlinie (CSP).

So geht's

1Verschiebe den Code in externe .js-Dateien und lade sie mit defer.
2Belasse kleine notwendige Initialisierungen, halte sie aber minimal.
3Erwäge CSP: Inline-Skripte erschweren sie.

Fazit

Externe Dateien mit defer schlagen meist Inline-Skripte (cachebar + nicht blockierend). Verschiebe große Inline-Blöcke nach außen; kleine Initialisierungen sind in Ordnung. Das hängt mit der gesamten Strategie des JS-Verzögerns zusammen.

Verwandte Themen