Czas do interakcji (TTI) to jeden z 6 wskaźników śledzonych w sekcji Wydajność w raporcie Lighthouse. Każdy z tych wskaźników odzwierciedla pewien aspekt szybkości wczytywania strony.
Pomiar TTI jest ważny, ponieważ niektóre witryny optymalizują widoczność treści kosztem interakcji. Może to powodować frustrację użytkowników: strona wydaje się być gotowa, ale gdy użytkownik próbuje z nią wejść w interakcję, nic się nie dzieje.
Lighthouse wyświetla TTI w sekundach:
Co mierzy TTI
TTI mierzy czas, jaki zajmuje stronie pełna interaktywność. Strona jest w pełni interaktywna, gdy:
- Strona wyświetla przydatne treści, co jest mierzone za pomocą pierwszego wyrenderowania treści,
- Obsługa zdarzeń jest rejestrowana w przypadku większości widocznych elementów strony.
- Strona reaguje na interakcje użytkowników w ciągu 50 milisekund.
Jak Lighthouse określa Twój wynik TTI
Wynik TTI to porównanie TTI Twojej strony z TTI w rzeczywistych witrynach na podstawie danych z archiwum HTTP. Na przykład witryny, które znajdują się w 99.ćwiartylu, renderują TTI w okresie około 2,2 sekundy. Jeśli TTI Twojej witryny wynosi 2,2 sekundy, Twój wynik TTI wynosi 99.
Z tej tabeli dowiesz się, jak interpretować wynik TTI:
| Dane TTI (w sekundach) |
Kodowanie kolorami |
|---|---|
| 0–3,8 | Zielony (szybki) |
| 3,9–7,3 | Pomarańczowy (średni) |
| Powyżej 7,3 | Czerwony (wolny) |
Jak poprawić wynik TTI
Jednym z ulepszeń, które może mieć szczególnie duży wpływ na TTI, jest odroczenie lub usunięcie niepotrzebnej pracy wykonywanej przez JavaScript. Szukaj możliwości optymalizacji kodu JavaScript. W szczególności rozważ zmniejszenie rozmiaru ładunku JavaScript za pomocą dzielenia kodu i zastosuj wzór PRPL. Optymalizacja kodu JavaScriptu firmy zewnętrznej również przynosi znaczne korzyści w przypadku niektórych witryn.
Te 2 kontrole diagnostyczne dają dodatkowe możliwości zmniejszenia obciążenia JavaScriptem:
Śledzenie TTI na urządzeniach rzeczywistych użytkowników
Aby dowiedzieć się, jak mierzyć czas TTI na urządzeniach użytkowników, zapoznaj się z postem Google Optymalizacja działania stron pod kątem użytkownika. W sekcji Śledzenie TTI znajdziesz informacje o tym, jak uzyskać dostęp do danych TTI za pomocą kodu i przesłać je do Google Analytics.
Jak poprawić ogólny wynik skuteczności
Jeśli nie masz konkretnego powodu, aby skupić się na określonych danych, lepiej jest skupić się na poprawie ogólnego wyniku skuteczności.
W sekcji Diagnostyka raportu Lighthouse określ, które ulepszenia będą najbardziej wartościowe dla Twojej strony. Im większa możliwość, tym większy wpływ na wynik skuteczności. Na przykład zrzut ekranu Lighthouse poniżej pokazuje, że usunięcie zasobów blokujących renderowanie przyniesie największe korzyści:
Aby dowiedzieć się, jak wykorzystać możliwości wskazane w raporcie Lighthouse, zapoznaj się z audytami skuteczności.