# INP *Interaction to Next Paint* INP mierzy, ile czasu mija od kliknięcia, dotknięcia albo naciśnięcia klawisza do chwili, gdy widać reakcję. Dobry wynik to 200 milisekund lub mniej. W marcu 2024 zastąpił FID i — inaczej niż tamten — patrzy na każdą interakcję, nie tylko pierwszą. **Canonical:** https://spoko.space/pl/slownik/inp/ **Language:** pl **Kategoria:** Wydajność **Inaczej:** reakcja na interakcję, wskaźnik responsywności **Published:** 2026-09-22 **Słownik pojęć:** https://spoko.space/pl/slownik/ --- ## Co to jest {#co-to-jest} Ktoś w coś klika. Przeglądarka musi dokończyć to, co właśnie robiła, wykonać twoją obsługę zdarzenia, przeliczyć stronę i narysować wynik. INP to czas od kliknięcia do tego rysowania, a wynik strony jest bliski jej najgorszej interakcji w całej wizycie. Ta ostatnia część jest trudna. FID, który INP zastąpił, mierzył tylko opóźnienie przed obsłużeniem pierwszej interakcji — strona mogła zaliczyć FID i dalej zamierać na pół sekundy przy każdym otwarciu menu. INP patrzy na wszystko. ## Dlaczego to twój problem, jeśli zamawiasz stronę {#dlaczego-to-twój-problem-jeśli-zamawiasz-stronę} Bo mierzy odczucie, które ludzie nazywają „strona muli” — jedyną skargę na wydajność, którą odwiedzający naprawdę wypowiadają. Strona może narysować się w sekundę i dalej sprawiać wrażenie zepsutej, jeśli pierwsze dotknięcie menu przez 400 ms nie robi nic. ## Co realnie je poprawia {#co-realnie-je-poprawia} Praca na głównym wątku i właściwie nic poza tym. Trzy źródła, w kolejności, w jakiej je zwykle znajduję: **Tagi firm trzecich.** Kontener tag managera z sześcioma rzeczami w środku, czat, nagrywarka ruchu myszy. Każde z nich wykonuje JavaScript na tym samym wątku, który ma odpowiedzieć na kliknięcie. To najczęstsza przyczyna na stronach firmowych i decyzja działu marketingu, nie programisty. **Hydracja.** Strona, która wysyła cały framework po to, żeby uczynić jeden komponent interaktywnym, musi ten framework uruchomić, zanim cokolwiek odpowie. Lekarstwo jest architektoniczne: wysyłaj HTML, a uwadniaj tylko te fragmenty, które tego naprawdę potrzebują. Dlatego interaktywne kawałki tej strony są wyspami z własnymi małymi skryptami — menu, powiększanie zdjęć i przełącznik motywu mają swoje, a artykuł, w którym siedzą, nie ma żadnego. **Praca wykonana w obsłudze zdarzenia.** Nasłuch kliknięcia, który przelicza filtr po 500 pozycjach, zanim cokolwiek narysuje. Najpierw rysuj, licz potem. ## Czym INP nie jest {#czym-inp-nie-jest} Nie da się go zmierzyć w laboratorium w sposób, któremu warto ufać. Lighthouse podaje przybliżenie, bo w trakcie testu nikt w nic nie kliknął. Prawdziwe INP bierze się z prawdziwych sesji — z raportu w Search Console albo z narzędzia do danych z pola — i dopóki strona nie ma ruchu, nie ma uczciwej liczby do zacytowania. ## Powiązane pojęcia {#related-terms} - [Core Web Vitals](https://spoko.space/pl/slownik/core-web-vitals/): Core Web Vitals to trzy wskaźniki, które Google zbiera z prawdziwych wizyt w Chrome: LCP dla ładowania, INP dla reakcji na kliknięcie i CLS dla stabilności układu. Adres zalicza je, gdy 75% wizyt mieści się w progu „dobrze”. — Markdown: https://spoko.space/pl/slownik/core-web-vitals.md - [LCP](https://spoko.space/pl/slownik/lcp/): LCP mierzy moment, w którym dorysowuje się największy element widoczny na ekranie — zwykle zdjęcie w nagłówku albo sam nagłówek. Google uznaje za dobry wynik 2,5 sekundy lub mniej, liczony z prawdziwych wizyt na 75. percentylu. — Markdown: https://spoko.space/pl/slownik/lcp.md - [CDN](https://spoko.space/pl/slownik/cdn/): CDN to sieć serwerów rozsianych po świecie, które trzymają kopie twojej strony i odpowiadają odwiedzającemu z najbliższego punktu. Usuwa dystans między odwiedzającym a serwerem źródłowym — i tylko to. — Markdown: https://spoko.space/pl/slownik/cdn.md - [CLS](https://spoko.space/pl/slownik/cls/): CLS punktuje to, jak bardzo strona skacze w trakcie ładowania, w skali bez jednostki, gdzie 0,1 lub mniej to dobry wynik. Liczy się każdy element, który przesuwa się bez udziału odwiedzającego, ważony odległością i zajmowaną częścią ekranu. — Markdown: https://spoko.space/pl/slownik/cls.md ## Gdzie o tym piszę {#related-posts} - [Uper SEO Auditor](https://spoko.space/pl/uper-seo-auditor/) — Markdown: https://spoko.space/pl/uper-seo-auditor.md Plugin Chrome dla specjalistów SEO i deweloperów. Debugowanie Web Vitals, Schema.org, GTM i błędów JS w czasie rzeczywistym w Side Panelu przeglądarki. - [Nowoczesna strona internetowa 2026 — trendy, nawigacja i inspiracje](https://spoko.space/pl/blog/nowoczesna-strona-internetowa-trendy/) — Markdown: https://spoko.space/pl/blog/nowoczesna-strona-internetowa-trendy.md Bento grid, dark mode, kinetyczna typografia, CSS scroll animations i ewolucja menu hamburger — praktyczny przegląd trendów web design 2026 z przykładami i listą inspiracji. ## Zobacz też {#see-also} - [Migracja WordPress → Astro](https://spoko.space/pl/migracja-wordpress-astro/) - [Tworzenie stron internetowych — jak pracuję i ile to kosztuje](https://spoko.space/pl/tworzenie-stron-internetowych/) ## Źródła {#sources} - [Interaction to Next Paint (INP)](https://web.dev/articles/inp) — Co dokładnie jest mierzone: od zdarzenia do następnej klatki na ekranie. - [Optimize Interaction to Next Paint](https://web.dev/articles/optimize-inp) — Opóźnienie wejścia, przetwarzanie, prezentacja — gdzie uciekają milisekundy.