Wiedza / Diagramy / Wydajność i obrazy
INP i zajęty główny wątek
INP obejmuje oczekiwanie na wolny główny wątek, wykonanie obsługi zdarzenia oraz opóźnienie do następnego widocznego renderu.
Co pokazuje ten diagram?
Od pobrania zasobów do wyrenderowania stabilnego widoku oraz pomiaru Core Web Vitals.
INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na działania użytkownika — kliknięcia, dotyk, wpisywanie. Liczy czas od interakcji do momentu, gdy ekran pokaże jej efekt.
Pomaga połączyć wynik PageSpeed lub audytu z konkretną fazą ładowania, formatem obrazu albo protokołem.
Jak czytać schemat
- INP = oczekiwanie + obsługa + następny obraz
- GŁÓWNY WĄTEK
- Klik
- t = 0
- Długie zadanie
- JavaScript blokuje
- reakcję na klik
- input delay
Pełne wyjaśnienie pojęcia
Interaction to Next Paint (INP) — Responsywność strony na działania użytkownika.
Jak użyć diagramu?
Otwórz sam plik SVG, aby powiększyć go bez utraty jakości, albo odwołaj się do tej strony, gdy potrzebujesz również opisu, legendy i powiązanych materiałów.