Zeit bis Interaktivität (TTI)

Philip Walton

„Zeit bis Interaktivität“ (Time to Interactive, TTI) ist ein Lab-Messwert zum Messen der Reaktionszeit auf Ladevorgänge. Damit lassen sich Fälle ermitteln, in denen eine Seite interaktiv aussieht, das aber nicht der Fall ist. Ein schneller TTI trägt dazu bei, dass die Seite nutzungsfreundlich ist.

Was ist TTI?

Der TTI-Messwert misst die Zeit vom Beginn des Ladens der Seite bis zu dem Zeitpunkt, zu dem die wichtigsten Unterressourcen geladen wurden und die Seite zuverlässig auf Nutzereingaben reagieren kann.

So berechnen Sie die TTI anhand eines Leistungs-Trace einer Webseite:

  1. Beginnen Sie mit First Contentful Paint (FCP).
  2. Vorspulen Sie ein ruhiges Fenster von mindestens fünf Sekunden vor, wobei ein ruhiges Fenster definiert ist als: keine langen Aufgaben und nicht mehr als zwei laufende Netzwerk-GET-Anfragen.
  3. Nach der letzten langen Aufgabe vor dem stillen Fenster suchen und bei FCP anhalten, wenn keine langen Aufgaben gefunden werden.
  4. TTI ist die Endzeit der letzten langen Aufgabe vor dem Ruhefenster (oder derselbe Wert wie bei FCP, wenn keine langen Aufgaben gefunden werden).

Das folgende Diagramm sollte zur Visualisierung der obigen Schritte beitragen:

Eine Zeitachse für den Seitenaufbau, die die Berechnung der TTI zeigt

In der Vergangenheit haben Entwickler Seiten für schnelle Renderingzeiten optimiert, manchmal auf Kosten von TTI.

Techniken wie serverseitiges Rendering (SSR) können dazu führen, dass eine Seite interaktiv aussieht (Links und Schaltflächen auf dem Bildschirm sichtbar ist), aber tatsächlich nicht interaktiv ist, weil der Hauptthread blockiert ist oder der JavaScript-Code, der diese Elemente steuert, nicht geladen wurde.

Wenn Nutzer versuchen, mit einer interaktiven Seite zu interagieren, die es jedoch nicht ist, reagieren sie wahrscheinlich auf eine von zwei Arten:

  • Im besten Fall ist der Nutzer dann genervt, weil die Seite langsam reagiert.
  • Im schlimmsten Fall gehen sie davon aus, dass die Seite fehlerhaft ist und die Seite wahrscheinlich verlässt. Sie verlieren möglicherweise sogar das Vertrauen in den Wert Ihrer Marke.

Versuchen Sie, den Unterschied zwischen FCP und TTI so gering wie möglich zu halten, um dieses Problem zu vermeiden. Sollte ein deutlicher Unterschied bestehen, weisen Sie durch visuelle Indikatoren darauf hin, dass die Komponenten auf Ihrer Seite noch nicht interaktiv sind.

TTI messen

TTI ist ein Messwert, der am besten im Lab gemessen wird. Am besten lässt sich die TTI in einer Lighthouse-Leistungsüberprüfung für Ihre Website messen. Informationen zur Verwendung finden Sie in der Lighthouse-Dokumentation zu TTI.

Lab-Tools

Was ist ein guter TTI-Score?

Für eine gute Nutzerfreundlichkeit sollten Websites beim Testen auf durchschnittlicher mobiler Hardware eine Time to Interactive von weniger als 5 Sekunden anstreben.

Ausführliche Informationen dazu, wie sich der TTI Ihrer Seite auf die Lighthouse-Leistungsbewertung auswirkt, finden Sie unter So bestimmt Lighthouse den TTI-Wert Ihrer Seite.

TTI verbessern

Wenn Sie erfahren möchten, wie Sie die TTI für eine bestimmte Website verbessern können, können Sie eine Lighthouse-Leistungsprüfung durchführen und dabei bestimmte Optimierungsmöglichkeiten im Blick behalten, die im Rahmen der Prüfung vorgeschlagen werden.

Informationen zum Verbessern der TTI im Allgemeinen (für jede Website) finden Sie in den folgenden Leistungsleitfäden: