Zeit bis Interaktivität (TTI)

Philip Walton

„Time to Interactive (TTI)“ ist ein Lab-Messwert, mit dem Sie die Reaktionszeit bei Last messen können. Damit lassen sich Fälle erkennen, in denen eine Seite interaktiv aussieht, es aber in Wirklichkeit nicht ist. Ein schneller Text-in-Sprache gewährleistet, dass die Seite nutzungsfreundlich ist.

Was ist TTI?

Der TTI-Messwert gibt die Zeit ab dem Seitenstart an. wenn die Hauptunterressourcen geladen sind und schnell auf Nutzereingaben zu reagieren.

Berechnung des TTI auf Basis der Leistung Trace einer Webseite führen Sie die folgenden Schritte aus:

  1. Beginnen Sie mit First Contentful Paint (FCP).
  2. Suchen Sie in der Zeit vor, um ein ruhiges Fenster von mindestens fünf Sekunden zu sehen. Stilles Fenster ist definiert als: no long Aufgaben und nicht mehr als zwei laufende Aufgaben Netzwerk-GET-Anfragen.
  3. Sich rückwärts nach der letzten langen Aufgabe vor dem stillen Fenster suchen, mit FCP, wenn keine langen Aufgaben gefunden werden.
  4. TTI ist das Ende der letzten langen Aufgabe vor dem ruhigen Fenster (oder der denselben Wert wie FCP, wenn keine langen Aufgaben gefunden werden).

Das folgende Diagramm sollte bei der Visualisierung der oben genannten Schritte helfen:

Eine Zeitleiste für den Seitenaufbau, in der die TTI berechnet wird

Bisher 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, d. h. Links und Schaltflächen auf dem Bildschirm sichtbar sind, interaktiv sein, weil der Hauptthread blockiert oder da der JavaScript-Code, der diese Elemente steuert, nicht geladen wurde.

Wenn Nutzende versuchen, mit einer Seite zu interagieren, nicht, wird er wahrscheinlich auf eine von zwei Arten antworten:

  • Im Idealfall ärgert sie sich, wenn die Seite langsam reagiert.
  • Im schlimmsten Fall gehen sie davon aus, dass die Seite fehlerhaft ist und verlassen. Sie könnten sogar das Vertrauen in den Wert Ihrer Marke verlieren.

Um dieses Problem zu vermeiden, versuchen Sie, den Unterschied möglichst gering zu halten. zwischen FCP und TTI. Wenn es einen deutlichen Unterschied gibt, durch visuelle Hinweise, dass die Komponenten auf Ihrer Seite noch nicht interaktiv.

TTI messen

Der Messwert "TTI" lässt sich am besten in der Lab beschrieben. Der beste Weg zur Messung des TTI besteht darin, Lighthouse-Leistungsüberprüfung für Ihre Website In der Lighthouse-Dokumentation TTI für die Nutzungsdetails.

Lab-Tools

Was ist ein guter TTI-Wert?

Für eine gute Nutzererfahrung sollten Websites Interaktiv von weniger als 5 Sekunden beim Testen auf einer durchschnittlichen mobilen App Hardware.

Weitere Informationen dazu, wie sich der TTI Ihrer Seite auf die Lighthouse-Leistungsbewertung auswirkt, siehe So bestimmt Lighthouse Ihre Sprachausgabe Faktor.

TTI verbessern

Wenn Sie wissen möchten, wie Sie die Sprachausgabe für eine bestimmte Website verbessern können, können Sie ein Lighthouse Leistungsüberprüfung und achten Sie auf spezifische Empfehlungen der Prüfung.

Wie Sie die Sprachausgabe generell verbessern können (für jede Website), finden Sie hier: Leistungsleitfäden: