Warum TTI (Time to Interactive) für Ihre Website zählt

Wie schnell Ihre Website reagiert, wiegt genauso schwer wie das, was darauf steht. Wer erst warten muss, bevor überhaupt etwas passiert, ist wieder weg, bevor Sie etwas zeigen konnten. Genau darum geht es bei Time to Interactive, einer wenig bekannten, aber aussagekräftigen Kennzahl. TTI misst, wie lange es dauert, bis eine Seite wirklich auf Eingaben reagiert, und dieser Moment entscheidet, ob Ihre Seite schnell wirkt.

Senken Sie diese Zeit, sehen Sie das sofort daran, wie Besucher sich über Ihre Seite bewegen. Sie bleiben länger und kommen öfter zurück. Hier lesen Sie, warum diese Kennzahl zählt und was Sie dafür tun können.

Was Time to Interactive genau misst

TTI misst die Zeit zwischen dem Moment, in dem eine Seite zu laden beginnt, und dem Moment, in dem sie zuverlässig auf Eingaben reagiert. Dieser Unterschied zählt, denn er bestimmt, wie schnell sich Ihre Seite anfühlt. Andere Kennzahlen sehen nur auf die Ladezeit. TTI sieht auf den Moment, in dem ein Klick auch wirklich etwas bewirkt.

Welcher Wert gut ist und ab wann Sie eingreifen sollten, lesen Sie hier ab:

Was eine langsame TTI mit Besuchern macht

Eine langsame TTI erzeugt Ärger. Menschen klicken, nichts passiert, und sie sind weg. Das sehen Sie an Ihrer Absprungrate. Ein paar Sekunden Wartezeit reichen, um jemanden zur Konkurrenz zu schicken, und die sitzt einen Tab weiter. Wer seine TTI senkt, hält Besucher also nicht nur bei Laune, sondern auch auf der Seite.

So senken Sie Ihre TTI

• Laden Sie JavaScript klüger: Schweres JavaScript blockiert den Main Thread und hält die Seite beschäftigt, während Ihr Besucher klicken will. Werfen Sie ungenutzte Skripte raus, kürzen Sie große Libraries und teilen Sie Ihren Code auf.

• Räumen Sie Ihre Dateien auf: Komprimieren Sie Bilder und lagern Sie große Dateien aus. Was nicht sofort gebraucht wird, laden Sie später nach, dann ist die Seite früher bedienbar.

• Setzen Sie einen Service Worker ein: Er hält Inhalte lokal bereit und liefert sie ohne neue Anfrage aus. Das spart Ladezeit und TTI zugleich.

• Geben Sie dem sichtbaren Bereich Vorrang: Laden Sie zuerst, was ein Besucher sofort sieht. Der Rest darf warten, und Ihre Seite wirkt schneller.

TTI in Ihren Analytics verfolgen

Messen ist der einzige Weg, um zu wissen, ob eine Änderung am Design oder am Inhalt der Interaktivität hilft oder schadet. Lighthouse von Google stellt TTI neben die anderen Zahlen, die zählen. Wer regelmäßig misst, sieht, wo der Gewinn liegt und ob ein Eingriff wirklich etwas gebracht hat.

TTI messen: von Lighthouse 8 zu Lighthouse 10

Wer eine Website mit der Chrome-Erweiterung Lighthouse 8 analysierte, fand TTI noch im Bericht. Die Kennzahl reagiert allerdings stark auf Zufälle, und deshalb arbeitet Lighthouse 10 mit LCP (Largest Contentful Paint) und dem Speed Index. („TTI markiert einen Zeitpunkt, aber durch die Art der Definition reagiert die Kennzahl zu stark auf Ausreißer bei Netzwerkanfragen und lange Tasks. Largest Contentful Paint (LCP) und Speed Index geben meist besser wieder, wann sich der Inhalt einer Seite geladen anfühlt, als eine Zählung aktiver Netzwerkanfragen.“ – Chrome-Blog). Den Quellcode von Google für Time to Interactive gibt es aber weiterhin, Sie können TTI also in einem eigenen Projekt selbst messen.

Kurz gesagt

Wie Ihre Website arbeitet, entscheidet darüber, was sie online einbringt. Time to Interactive ist keine lose Zahl, sondern ein Hinweis darauf, ob die Technik darunter stimmt. Senken Sie diese Zeit, merken das Ihre Besucher und Ihre Conversion. Messen Sie weiter mit Lighthouse, damit TTI und der Rest Ihrer Zahlen im Blick bleiben. Dass Lighthouse heute LCP und den Speed Index voranstellt statt TTI, ändert am Ziel nichts: eine Seite, die schnell reagiert und Menschen hält.

Liegt der Engpass wirklich bei schwerem JavaScript, baut unser Team für Custom Development das Frontend neu auf, mit einem Gewinn, den Sie in Ihrer TTI wiedersehen.

Denken Sie daran: Beim Erlebnis Ihrer Besucher zählt jede Sekunde.

Bereit für den nächsten Schritt? Flatline Agency denkt gern mit. Lassen Sie uns gemeinsam wachsen!