PageSpeed & Performance

Server-seitige Kompressionsverfahren, die Text-Ressourcen wie HTML, CSS und JavaScript vor der Übertragung verkleinern — Brotli liefert heute meist bessere Raten als Gzip.

Ein verteiltes Server-Netzwerk, das statische und zunehmend auch dynamische Inhalte aus dem geografisch nächstgelegenen Edge-Server an den Nutzer ausliefert.

Der Critical Rendering Path ist die Sequenz, die der Browser durchläuft, um HTML/CSS/JS in Pixel zu verwandeln Parsing, Render-Tree, Layout, Paint. Optimierung verkürzt First Paint und LCP.

CrUX ist Googles öffentlicher Felddaten-Datensatz mit echten Performance-Werten von Chrome-Nutzern (Opt-in). Quelle für Core-Web-Vitals-Bewertungen in Search Console und PageSpeed Insights — nicht synthetisch.

FCP misst, wann der Browser das erste sichtbare DOM-Element rendert (Text, Bild, SVG). "Good" bei ≤ 1,8 s. Frühestes Signal für den Nutzer, dass die Seite reagiert — kein Core Web Vital, aber wichtige PageSpeed-Metrik.

Field Data sind reale Performance-Werte echter Nutzer (CrUX, RUM). Lab Data sind synthetische Messungen unter kontrollierten Bedingungen (Lighthouse, WebPageTest). Google rankt nach Field Data — Lab zeigt nur Tendenzen.

Modernere Versionen des HTTP-Protokolls, die parallele Anfragen über eine einzige Verbindung (HTTP/2) bzw. über das schnellere QUIC-Transport (HTTP/3) ausliefern.

Einsatz moderner Bildformate (WebP, AVIF) plus passender Größen und Kompression, um Bilddaten ohne sichtbaren Qualitätsverlust drastisch zu verkleinern.

Lazy Loading ist eine Technik, bei der Bilder, iframes oder JavaScript-Module erst geladen werden, wenn sie tatsächlich benötigt werden — meist beim Scrollen in den Viewport.

Lighthouse ist Googles Open-Source-Audit-Tool, das Performance, Accessibility, Best Practices und SEO einer Seite synthetisch in einer kontrollierten Umgebung misst.

PageSpeed Insights ist Googles kostenfreies Web-Tool, das Lighthouse-Lab-Scores mit CrUX-Felddaten echter Chrome-Nutzer kombiniert und konkrete Optimierungsvorschläge ausgibt.

Resource Hints im HTML-Head, die den Browser anweisen, Ressourcen früher zu laden, Verbindungen vorab aufzubauen oder DNS-Auflösungen zu beschleunigen.

Render-Blocking Resources sind CSS- und JavaScript-Dateien, die der Browser lädt und parst, bevor er rendern kann. Verzögern FCP und LCP — minimieren via async/defer, kritisches CSS inline, ungenutztes CSS entfernen.

TTFB misst die Zeit vom Request-Start bis zum ersten empfangenen Byte. Setzt sich aus DNS, TCP, TLS und Server-Verarbeitung zusammen. Faustregel — gut < 200 ms, problematisch > 600 ms; beeinflusst LCP und FCP direkt.