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​

WordPress vs. WP Engine: Schützen Sie Ihre Websites

Kürzlich brach ein öffentlicher Streit zwischen WordPress und WP Engine, einer der beliebtesten verwalteten WordPress-Hosting-Plattformen, aus. Die Meinungsverschiedenheiten drehen sich um die Verwendung der Marke

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

Start Dotcom-Monitor for free today​

No Credit Card Required