Time to Interactive (TTI) (Czas do pełnej interaktywności)

Philip Walton

Czas do interakcji (TTI) to wskaźnik laboratoryjny służący do pomiaru responsywności wczytywania. Pomaga określić przypadki, w których strona wygląda interaktywna, ale w rzeczywistości nie jest. Szybka technologia TTI pomaga zapewnić użyteczność strony.

Co to jest TTI?

Dane TTI zliczają czas od rozpoczęcia ładowania strony do momentu załadowania głównych zasobów podrzędnych. Technologia ta jest w stanie szybko reagować na działania użytkowników.

Aby obliczyć TTI na podstawie śladu skuteczności strony internetowej, wykonaj te czynności:

  1. Zacznij od pierwszego wyrenderowania treści (FCP).
  2. Poszukaj w czasie co najmniej 5 sekund spokojnego okresu, przy czym okres ciszy jest zdefiniowany jako: brak długich zadań i maksymalnie 2 wysyłane żądania GET sieciowe.
  3. Wyszukaj wstecznie ostatnie długie zadanie przed cichym oknem i zatrzymuj się na FCP, jeśli nie zostaną znalezione żadne długie zadania.
  4. TTI to czas zakończenia ostatniego długiego zadania przed cichym oknem (lub ta sama wartość co FCP, jeśli nie znaleziono długich zadań).

Poniższy diagram powinien ułatwić wizualizację powyższych kroków:

Oś czasu wczytywania strony przedstawiająca sposób obliczania TTI

W przeszłości deweloperzy optymalizowali strony pod kątem szybkiego renderowania strony, czasem kosztem zamiany TTI.

Takie techniki mogą prowadzić do sytuacji, w których strona wygląda interaktywna (tzn. linki i przyciski są widoczne na ekranie), ale nie są one faktycznie interaktywne, ponieważ wątek główny jest zablokowany lub kod JavaScript kontrolujący te elementy nie został wczytany.

Gdy użytkownicy spróbują wejść w interakcję ze stroną, która wygląda na interaktywną, ale w rzeczywistości nie jest, zareaguje najprawdopodobniej na jeden z dwóch sposobów:

  • W najlepszym przypadku będą frustrowani, że strona reaguje zbyt wolno.
  • W najgorszym razie uznają, że strona nie działa i prawdopodobnie ją opuści. Mogą nawet utracić zaufanie do wartości Twojej marki i zaufać do niej.

Aby uniknąć tego problemu, dołóż wszelkich starań, aby zminimalizować różnicę między FCP a TI. Jeśli występuje zauważalna różnica, poinformuj o tym za pomocą wizualnych wskaźników, że komponenty na stronie nie są jeszcze interaktywne.

Pomiary TTI

Jest to rodzaj danych, który najlepiej mierzyć w module. Najlepszym sposobem pomiaru TTI jest przeprowadzenie w witrynie kontroli wydajności Lighthouse. Szczegóły wykorzystania znajdziesz w dokumentacji Lighthouse na temat TTI.

Narzędzia laboratoryjne

Jaki jest dobry wynik TTI?

Ze względu na wygodę użytkowników czas interakcji witryny na przeciętnym sprzęcie mobilnym powinien być krótszy niż 5 sekund.

Więcej informacji o wpływie TTI strony na wynik działania Lighthouse znajdziesz w artykule Jak Lighthouse określa wynik TTI.

Jak ulepszyć funkcję TTI

Aby dowiedzieć się, jak ulepszyć zamianę tekstu na mowę w określonej witrynie, przeprowadź kontrolę wydajności w Lighthouse i zwróć uwagę na konkretne możliwości zasugerowane przez audyt.

Więcej informacji o ulepszaniu technologii TTI (w dowolnej witrynie) znajdziesz w tych przewodnikach po wydajności: