Zeit bis Interaktivität (TTI)

Philip Walton

„Time to Interactive“ (TTI) ist ein Lab-Messwert, mit dem die Ladezeit gemessen wird. So können Sie Fälle erkennen, in denen eine Seite so aussieht, als wäre sie interaktiv, aber tatsächlich nicht ist. Ein kurzer TTI trägt dazu bei, dass die Seite nutzbar ist.

Was ist TTI?

Der TTI-Messwert gibt an, wie lange es dauert, bis die Seite geladen ist und zuverlässig auf Nutzereingaben reagieren kann.

So berechnen Sie den TTI anhand eines Leistungs-Traces einer Webseite:

  1. Beginnen Sie mit First Contentful Paint (FCP).
  2. Suchen Sie nach einem ruhigen Zeitfenster von mindestens fünf Sekunden. Ein ruhiges Zeitfenster ist definiert als: keine langen Aufgaben und nicht mehr als zwei laufende Netzwerk-GET-Anfragen.
  3. Suchen Sie rückwärts nach der letzten langen Aufgabe vor dem ruhigen Fenster. Wenn keine langen Aufgaben gefunden werden, beenden Sie die Suche bei FCP.
  4. TTI ist die Endzeit der letzten langen Aufgabe vor dem ruhigen Fenster (oder derselbe Wert wie FCP, wenn keine langen Aufgaben gefunden werden).

Das folgende Diagramm soll Ihnen dabei helfen, die oben genannten Schritte zu visualisieren:

Zeitachse für den Seitenaufbau, die zeigt, wie der TTI berechnet wird

Bisher haben Entwickler Seiten für kurze Renderzeiten optimiert, manchmal auf Kosten der TTI.

Techniken wie das serverseitige Rendering (SSR) können zu Szenarien führen, in denen eine Seite so aussieht, als wäre sie interaktiv (d. h. Links und Schaltflächen sind auf dem Bildschirm sichtbar), 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 Seite zu interagieren, die zwar interaktiv aussieht, es aber nicht ist, reagieren sie wahrscheinlich auf eine von zwei Arten:

  • Im besten Fall sind sie nur genervt, dass die Seite langsam reagiert.
  • Im schlimmsten Fall gehen sie davon aus, dass die Seite kaputt ist, und verlassen sie. Sie verlieren möglicherweise sogar das Vertrauen in den Wert Ihrer Marke.

Um dieses Problem zu vermeiden, sollten Sie den Unterschied zwischen FCP und TTI so gering wie möglich halten. Falls ein deutlicher Unterschied besteht, sollten Sie durch visuelle Indikatoren deutlich machen, dass die Komponenten auf Ihrer Seite noch nicht interaktiv sind.

TTI messen

Der TTI ist ein Messwert, der sich am besten im Labor messen lässt. Am besten messen Sie den TTI mit einer Lighthouse-Leistungsanalyse Ihrer Website. Weitere Informationen zur Verwendung finden Sie in der Lighthouse-Dokumentation zu TTI.

Lab-Tools

Was ist ein guter TTI-Wert?

Für eine gute Nutzerfreundlichkeit sollten Websites eine Time to Interactive von weniger als 5 Sekunden haben, wenn sie auf durchschnittlicher mobiler Hardware getestet werden.

Weitere Informationen dazu, wie sich der TTI Ihrer Seite auf den Lighthouse-Leistungsbewertungswert auswirkt, finden Sie unter So ermittelt Lighthouse den TTI-Wert.

TTI verbessern

Wenn Sie wissen möchten, wie Sie den TTI für eine bestimmte Website verbessern können, können Sie eine Lighthouse-Leistungsanalyse durchführen und sich die Verbesserungsmöglichkeiten ansehen, die die Analyse vorschlägt.

Informationen dazu, wie Sie den TTI allgemein (für jede Website) verbessern können, finden Sie in den folgenden Leistungsleitfäden: