Co mierzy INP
INP określa, jak szybko interfejs reaguje na działanie użytkownika. Mierzy czas od rozpoczęcia interakcji do momentu, w którym przeglądarka wyrenderuje widoczną odpowiedź na tę interakcję.
Dlaczego INP jest ważne
Strona może ładować się szybko, ale nadal sprawiać wrażenie ociężałej, jeśli przyciski, formularze lub elementy interaktywne reagują z opóźnieniem. INP pomaga uchwycić ten aspekt jakości interfejsu.
Co pogarsza INP
- ciężkie skrypty JavaScript blokujące główny wątek,
- zbyt dużo listenerów i operacji DOM po kliknięciu,
- długie zadania CPU uruchamiane synchronicznie,
- nadmiar bibliotek frontendowych.
Jak poprawić INP
- ograniczyć ilość JavaScript,
- dzielić długie zadania na mniejsze,
- unikać ciężkich operacji przy każdej interakcji,
- upraszczać frontend i liczbę zależności.
Powiązane pojęcia
INP jest częścią Core Web Vitals i obok LCP oraz CLS opisuje jakość techniczną strony.