Czas do interakcji (TTI) to jeden z 6 rodzajów danych śledzonych w sekcji Skuteczność w raporcie Lighthouse. Poszczególne dane rejestrują pewien aspekt szybkości wczytywania strony.
Pomiary TTI są ważne, ponieważ niektóre witryny optymalizują widoczność treści kosztem interaktywności. Może to być frustrujące dla użytkowników: witryna wydaje się być gotowa, ale gdy użytkownik próbuje z niej korzystać, nic się nie dzieje.
Lighthouse wyświetla TTI w sekundach:
![Zrzut ekranu z kontroli czasu do strony interaktywnej w Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/a-screenshot-the-lightho-94a30d9e0992a.png?authuser=7&hl=pl)
Co mierzy TTI
TTI mierzy, ile czasu potrzeba, aby strona staje się w pełni interaktywna. Strona jest uznawana za w pełni interaktywną, jeśli:
- Na stronie wyświetlają się przydatne treści, które są mierzone za pomocą pierwszego wyrenderowania treści,
- moduły obsługi zdarzeń są zarejestrowane dla większości widocznych elementów strony,
- Strona reaguje na interakcje użytkownika w ciągu 50 milisekund.
Jak Lighthouse określa wynik TTI
Wynik TTI to porównanie technologii TTI Twojej strony z symbolem TTI prawdziwych witryn na podstawie danych z archiwum HTTP. Na przykład witryny z 99 centylem renderują zamianę tekstu na mowę w około 2, 2 sekundy. Jeśli TTI witryny wynosi 2,2 sekundy, wynik TTI wyniesie 99.
Tabela poniżej pokazuje, jak interpretować wynik TTI:
Dane TTI (w sekundach) |
Oznaczanie kolorami |
---|---|
0–3,8 | Zielony (szybko) |
3,9–7,3 | Pomarańczowy (umiarkowany) |
Ponad 7,3 | Czerwony (wolno) |
Jak poprawić wynik TTI
Jednym z ulepszeń, które mogą mieć szczególne znaczenie na zamianę tekstu na mowę, jest opóźnienie lub usunięcie niepotrzebnej pracy z JavaScriptem. Poszukaj możliwości zoptymalizowania JavaScriptu. W szczególności rozważ zmniejszenie ładunków JavaScript za pomocą podziału kodu i zastosowania wzorca PRPL. Optymalizacja kodu JavaScript innej firmy również wprowadza znaczne ulepszenia w przypadku niektórych witryn.
Te 2 kontrole diagnostyczne zapewniają dodatkowe możliwości ograniczenia pracy JavaScriptu:
Śledzenie TTI na urządzeniach rzeczywistych użytkowników
Aby dowiedzieć się, jak mierzyć, kiedy na urządzeniach użytkowników faktycznie występują przekształcenia tekstu na mowę, zapoznaj się z informacjami na stronie Google Dane dotyczące wydajności ukierunkowane na użytkowników. W sekcji Śledzenie TTI opisujemy, jak uzyskać dostęp do danych TTI i przesyłać je do Google Analytics.
Jak poprawić ogólny wynik skuteczności
O ile nie masz konkretnego powodu, aby skupić się na konkretnym rodzaju danych, zwykle lepiej jest skupić się na poprawie ogólnego wyniku skuteczności.
W sekcji Możliwości w raporcie Lighthouse znajdziesz ulepszenia, które przyniosą największe korzyści Twojej stronie. Im większe możliwości, tym większy będzie wpływ na wynik skuteczności. Na przykład na poniższym zrzucie ekranu z Lighthouse widać, że największą poprawę można uzyskać, wyeliminując zasoby blokujące renderowanie:
![Lighthouse: sekcja Możliwości](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=7&hl=pl)
Informacje o tym, jak wykorzystać możliwości zidentyfikowane w raporcie Lighthouse, znajdziesz na stronie docelowej audytów skuteczności.