Optimieren des Front-End mit Time to Interact (TTI)

TTI Time to Interact
Zeit zum Interagieren zählt

Langsame Websites sind ärgerlich.

Trotz der Behauptungen, dass langsame Websites eine wichtige Abzweigung für Website-Besucher sind, wächst das Problem. Was kommt als nächstes… die Rückgabe der neonfarbenen Comic Sans MS Schriftart? Was ist das 1998? Aber im Ernst… die optimale Ladezeit der Website beträgt drei Sekunden (oder weniger), dennoch beträgt die durchschnittliche Ladezeit der Top 100 Retail-Sites 7,72 Sekunden, eine erschreckende Verlangsamung von 13,7 Prozent seit dem Frühjahr 2012, laut einer Studie von Radware.

Es gibt jedoch einen lichten Fleck, da einige Websites auf eine neue Schlüsselmetrik für die Benutzerfreundlichkeit einer Website und die Benutzererfahrung, die sie liefert, eingeholt haben: Time to Interact (TTI). Dotcom-Monitor überprüft Website-Geschwindigkeit TTI in einem früheren Blog-Post, wo wir einige seiner Vorteile diskutiert. Werfen wir nun jedoch einen Blick darauf, wie Websites TTI tatsächlich verwenden, um ihren Website-Besuchern eine bessere Benutzererfahrung zu bieten.

Zeit zum Interagieren und Seitenladen sind nicht gleich

Erstens ist das ganze TTI-Ding nicht ganz geradlinig. Die Radware-Studie zeigte eine starke Korrelation zwischen Seiten mit einer schnelleren TTI und solchen mit einer schnelleren Gesamtladezeit. Bei einigen Websites gab es jedoch keine Korrelation zwischen seitenladezeiten und TTI. Beispielsweise hatten drei Standorte in den Top 10 für TTI –Netflix.com, iHerb.com und LivingSocial.com– tatsächlich Seitenladezeiten, die langsamer als der Branchendurchschnitt betrachtet würden, aber ihr TTI war sehr kurz. Dies deutet stark darauf hin, dass sie TTI bereits als Metrik übernommen und ihre Inhalte optimiert haben, sodass ihre wichtigen, interaktiven Inhalte zuerst geladen werden, während weniger wichtige Inhalte zurückgestellt werden. Ah ha! Es ist ein starkes Signal, dass Time to Interact zu einem Standard für Benutzererfahrung und Webleistungsanalyse wird.

Tricks des Handels

Die Optimierung einer Seite für TTI unterscheidet sich von der Optimierung einer Seite für die Gesamtladezeit. Einige TIPPS zur TTI-Optimierung umfassen insbesondere:

  • Zuerst Inhalte „über der Falte“ laden
  • Schnelles Laden interaktiver Elemente
  • Komprimieren von Text und Bildern
  • Minimieren von Code
  • Verwenden von Keepalives, damit zwischengespeicherte Inhalte nicht ablaufen
  • Aufschieben der Last von Skripts von Drittanbietern (z. B. Social- und Analytics-Tools) sowie aller Elemente, die vor dem vollständigen Laden der Seite nicht interaktiv sein müssen

Die Optimierung von Websites für TTI ist nicht schwierig, aber es bedarf einiger Arbeit, um zu bestimmen, welche Inhalte Besucher wahrscheinlich für wichtig halten. Für die meisten Websites ist das kein Problem. für eine eCommerce-Website, die wichtigen Inhalte ist oft ziemlich offensichtlich, wie das vorgestellte Produkt des Tages. Auf einem Blog ist es wahrscheinlich der vorgestellte oder neueste Artikel. Wenn Sie Ihre Besucher verfolgen, ist es nicht schwierig zu bestimmen, wo die meisten von ihnen ihre ersten Sekunden auf Ihrer Website verbringen. Die Verwendung des Prinzips von TTI, um Inhalte für die ersten Sekunden der Benutzererfahrung zu organisieren und zu optimieren, ist wahrscheinlich der Unterschied zwischen einem Kauf und einem genervten Benutzer und verpasster Verkaufschance.

Was denken Sie über TTI? Ist es eine gültige Webleistungsmetrik zum Messen der Benutzererfahrung? Lassen Sie es uns in den Kommentaren unten wissen…

 

Fotonachweis: Adam Foster | Codeforcc

Latest Web Performance Articles​

Top 15 Tools zur Infrastrukturüberwachung

Infrastruktur-Monitoring-Tools sorgen für eine optimale Leistung und Verfügbarkeit der Systeme und ermöglichen die Identifizierung und Lösung potenzieller Probleme, bevor sie komplex werden. Dieser Artikel befasst

Top 25 Server-Monitoring-Tools

In diesem Artikel geben wir unseren Experten eine Auswahl der 25 besten Server-Monitoring-Tools, um die Verfügbarkeit Ihrer Website zu überwachen und Ihren Benutzern die beste Erfahrung zu bieten, beginnend mit unserer eigenen Lösung bei Dotcom-Monitor. Erfahren Sie, warum die Serverüberwachung ein wesentlicher Bestandteil jeder Überwachungsstrategie ist.

Top 20 der synthetischen Monitoring-Tools

Synthetisches Monitoring ermöglicht es Teams, die Leistung von Websites und Webanwendungen rund um die Uhr aus jedem erdenklichen Blickwinkel zu überwachen und zu messen und Warnmeldungen zu erhalten, bevor sich Probleme auf reale Benutzer auswirken. Hier sind unsere Top-Picks für synthetische Monitoring-Tools, die mit unseren eigenen bei Dotcom-Monitor führend sind.

Start Dotcom-Monitor for free today​

No Credit Card Required