Optymalizacja wskaźnika INP w praktyce
Przygotowałem kilka lekcji na temat metryki INP, które pomogą Ci zrozumieć istotę tego wskaźnika oraz w jaki sposób testować, mierzyć i wyciągać wnioski na podstawie jego wyników.
Omówienie metryki INP
- Czym jest metryka INP
- Jak testować
- Skąd pozyskiwać dane o wydajności interakcji
Jak optymalizować INP
- Jak testować wydajność interakcji w DevTools oraz web-vitals.js
- Jak optymalizować
- Demo przed i po optymalizacji
INP a FID
- Porównanie metryk INP (Interaction to Next Paint) a FID (First Input Delay)
- INP jako lepsza alternatywa dla FID
- Całościowy obraz interakcji