Dokumentation

Technische Signale

DOM-Größe, Blocking Scripts, Long Tasks, Ressourcen-Breakdown und weitere Entwickler-Signale.

Diese Werte erscheinen im Entwickler-Tab des Scan-Reports und liefern tiefere technische Einblicke als die Basis-Metriken.

DOM-Größe

Die Anzahl aller DOM-Elemente auf der Seite. Ab etwa 1.500 Elementen wird der Browser spürbar langsamer beim Rendering und bei JavaScript-Operationen.

Richtwerte:

Elemente Einordnung
Unter 800 Gut
800–1.500 Okay
Über 1.500 Erhöht (Lighthouse-Richtwert) – fließt in den Score ein
Über 3.000 Kritisch – deutlicher Score-Abzug

Typische Ursache: Page Builder wie Elementor oder Divi erzeugen oft sehr viele verschachtelte Wrapper-Elemente.

Blocking Scripts

Anzahl der externen JavaScript-Dateien, die ohne async oder defer eingebunden sind. Diese Skripte blockieren den Browser beim Parsen des HTML, bis sie vollständig geladen und ausgeführt wurden.

Richtwerte:

Anzahl Einordnung
0 Optimal
1–3 Akzeptabel
Mehr als 3 Sollte reduziert werden – fließt in den Score ein
Mehr als 8 Kritisch – deutlicher Score-Abzug

Die betroffenen Script-URLs werden im Report aufgelistet.

font-display

Gibt an, ob in den @font-face-Regeln der Seite ein font-display-Wert gesetzt ist. Fehlt dieser, kann der Browser Text unsichtbar halten, bis die Schrift vollständig geladen ist (FOIT – Flash of Invisible Text).

turbometrics prüft, ob font-display in den analysierten Stylesheets vorhanden ist:

  • Vorhanden: Ladeverhalten der Schriften ist gesteuert
  • Fehlend: FOIT-Risiko – empfehlenswert ist mindestens font-display: swap oder optional

Resource Hints

Resource Hints im <head> erlauben dem Browser, DNS-Auflösungen oder Verbindungsaufbauten vorzuziehen, bevor Ressourcen explizit angefragt werden.

turbometrics erkennt:

  • <link rel="preconnect">: Priorisierte frühe Verbindung zu wichtigen externen Hosts
  • <link rel="dns-prefetch">: DNS-Vorauflösung für externe Hosts
  • <link rel="prefetch">: Vorladen von Ressourcen für folgende Navigation

Wenn eine Seite Ressourcen von vielen externen Hosts einbindet, aber keine Resource Hints gesetzt sind, meldet turbometrics einen Hinweis.

Long Tasks

Long Tasks sind Aufgaben, die den Browser-Hauptthread länger als 50 ms blockieren. Die blockierende Zeit (Blocking Time) ist der Anteil über 50 ms – diese Zeit fließt direkt in die TBT ein.

turbometrics zeigt pro Long Task:

  • Startzeit (ab Seitenaufruf)
  • Gesamtdauer
  • blockierende Zeit (farbkodiert nach Schwere)
  • wahrscheinlichen Verursacher (Script-URL, soweit ermittelbar)

Der wahrscheinliche Verursacher wird durch Überlappung mit den Resource Timings ermittelt und ist eine Näherung, kein gesicherter Nachweis.

Typische Ursachen:

  • schwere JavaScript-Bundles ohne Code Splitting
  • Drittanbieter-Skripte (Tracking, Chat, Consent-Banner)
  • fehlende oder späte Skript-Priorisierung
  • synchron geladene Plugins mit eigener JS-Logik

Ressourcen-Breakdown

Aufschlüsselung der im Browser geladenen Ressourcen nach Typ und Gewicht:

Typ Inhalt
JS JavaScript-Dateien
CSS Stylesheets
IMG Bilder
FONT Schriftdateien
VIDEO Video-Dateien

Der Breakdown basiert auf Browser-Laufzeitdaten. Falls JS-Daten nicht verfügbar sind (z. B. bei gecachten Ressourcen), wird der statische Analysewert verwendet und entsprechend markiert.

Bilder ohne explizite Dimensionen

Bilder ohne width- und height-Attribute können beim Laden Layout-Verschiebungen verursachen (CLS), weil der Browser keinen Platz reservieren kann.

turbometrics zeigt die Anzahl betroffener Bilder sowie die Gesamtzahl erkannter Bilder auf der Seite.

JavaScript- und CSS-Dateien

Zu viele separate JS- und CSS-Dateien erhöhen den Koordinationsaufwand im Browser und deuten oft auf ungünstiges Asset-Management hin.

Richtwerte JS-Dateien (direkt im HTML eingebunden):

Anzahl Einordnung
Bis 12 Akzeptabel
13–20 Erhöht – fließt in den Score ein
Mehr als 20 Kritisch – deutlicher Score-Abzug

Richtwerte CSS-Dateien (direkt im HTML eingebunden):

Anzahl Einordnung
Bis 7 Akzeptabel
8–12 Erhöht – fließt in den Score ein
Mehr als 12 Kritisch – deutlicher Score-Abzug

Typische Ursache: Jedes WordPress-Plugin liefert oft eigene Stylesheets und Skripte aus, ohne dass diese gebündelt werden.

JavaScript-Gewicht

Das Gesamtgewicht aller statisch erkannten JavaScript-Dateien beeinflusst Ladezeit und Browser-Laufzeit direkt.

Richtwerte:

Gewicht Einordnung
Unter 350 KB Gut
350–700 KB Erhöht – fließt in den Score ein
Über 700 KB Kritisch – deutlicher Score-Abzug

Fonts

Zu viele oder zu schwere Schriftdateien verzögern den sichtbaren Text-Aufbau.

Richtwerte:

Signal Einordnung
Bis 4 Font-Dateien und unter 250 KB gesamt Gut
Mehr als 4 Dateien oder über 250 KB Auffällig – fließt in den Score ein

Abhilfe: Schriftschnitte reduzieren (nur benötigte Gewichte und Stile laden), Font-Subsetting nutzen und ausschließlich WOFF2 ausliefern.

Requests und Datenmenge

Neben einzelnen Ressourcen bewertet turbometrics auch Gesamtzahl und Gesamtgewicht aller Requests.

Richtwerte Requests:

Anzahl Einordnung
Bis 70 Gut
71–120 Erhöht
Mehr als 120 Kritisch

Richtwerte Datenmenge gesamt:

Gewicht Einordnung
Unter 2 MB Gut
2–4 MB Erhöht
Über 4 MB Kritisch

Externe Hosts

Jeder externe Host erfordert einen eigenen DNS-Lookup und TLS-Handshake, bevor Ressourcen geladen werden können.

Richtwert: Mehr als 4 externe Hosts gelten als auffällig.

Typische Quellen: Tracking-Dienste, Consent-Banner, Schriften von Google Fonts, CDN-Einbindungen, Chat-Widgets.

Unkachierte eigene Assets

Eigene statische Dateien ohne langlebige Cache-Header werden bei jedem Seitenaufruf erneut übertragen.

Richtwert: Mehr als 10 unkachierte eigene Assets gelten als auffällig.

Bilder

Bildanzahl und -gewicht werden kontextabhängig bewertet. WooCommerce-Shops und Builder-Seiten erhalten höhere Toleranzwerte, weil dort naturgemäß mehr Bilder eingesetzt werden.

Richtwerte Bildanzahl:

Seitentyp Auffällig Kritisch
Standard > 10 > 20
Builder (Elementor, Divi, …) > 15 > 35
WooCommerce > 25 > 60

Richtwerte Bildgewicht gesamt:

Seitentyp Auffällig Kritisch
Standard > 1,2 MB > 2,5 MB
Builder > 1,6 MB > 3,2 MB
WooCommerce > 2,0 MB > 4,5 MB

Richtwert einzelnes Bild:

Seitentyp Auffällig
Standard > 300 KB
Builder > 350 KB
WooCommerce > 400 KB

Seitenaufbau-Timing

Die Seitenaufbau-Timeline zeigt die wichtigsten Timing-Ereignisse beim Laden der Seite in chronologischer Reihenfolge. Sie hilft dabei zu erkennen, in welcher Phase der Aufbau ins Stocken gerät.

Waterfall

Der Ressourcen-Waterfall zeigt alle geladenen Ressourcen mit Start- und Endzeitpunkt. Damit lassen sich Ladereihenfolgen, Blockierungen und späte Drittanbieter-Requests direkt visualisieren.

Weiterlesen

KennzahlenProbleme & EmpfehlungenScoring & Methodik