Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.

Zum Inhalt springen
SEO Tools
Hilfe und Dokumentation
Geschwindigkeit Hohe Auswirkung Mittel 30–60 Min.

Blockierende Ressourcen (render-blocking)

CSS und JS im Header, die das erste Rendern bremsen.

Was es ist

Render-blocking-Ressourcen sind Dateien (typischerweise CSS und synchrones JS im <head>), die der Browser herunterladen und verarbeiten muss, bevor er Inhalt rendert. Bis dahin sieht der Nutzer Leere.

Warum es wichtig ist

Sie sind die häufigste Ursache für langsames erstes Rendern und schlechtes LCP. Je mehr es davon gibt und je größer sie sind, desto länger dauert es, bis Inhalt erscheint.

So geht's

  1. 1Verzögere Skripte über defer/async.
  2. 2Identifiziere „Critical CSS“ (Styles für den sichtbaren Teil) und füge es inline ein, den Rest lade asynchron.
  3. 3Fasse CSS/JS-Dateien zusammen und minifiziere sie, entferne ungenutzte Styles.
  4. 4Lade externe Schriften mit font-display: swap und lade sie vor.

Fazit

Das Ziel ist, sichtbaren Inhalt so früh wie möglich auszuliefern und alles andere zu verzögern. Beginne mit dem Verzögern von Skripten (schneller Erfolg) und der CSS-Optimierung (Critical CSS). Dieser Bereich wirkt direkt auf LCP — eine Metrik, die Google beobachtet.

Verwandte Themen