INP a Core Web Vitals v praxi

Stránka môže rýchlo zobraziť prvý obsah a pomaly reagovať na kliknutie. Kontrola výkonu preto zahŕňa aj neskoršie úlohy používateľa.

Čo pomáha posúdiť INP

INP opisuje odozvu na kliknutie, dotyky a vstup z klávesnice. Diagnóza začína konkrétnymi pomalými akciami, nie náhodnými úpravami kódu.

Dokumentácia: web.dev.

Začnite scenárom

Testom môže byť otvorenie ponuky, pridanie produktu alebo rozbalenie filtrov. Zapisujeme zariadenie, podmienky a okamih oneskorenia. Jediné meranie nereprezentuje všetkých používateľov.

Nájdite zdržujúcu prácu

Overujeme výpočty, zmeny zobrazenia a skripty počas interakcie. Úprava odstráni zbytočné úlohy alebo zmení ich poradie. Animácia čakania sama príčinu nerieši.

Príklad zložitého filtra

Ak jedna voľba niekoľkokrát prepočíta celý zoznam, skúmame opakovanie. Potom kontrolujeme rýchlosť aj správnosť. Rýchly filter nie je úspech, ak vynecháva produkty alebo používa staré dáta.

Odovzdanie a sledovanie

Porovnávame rovnaký scenár pred zmenou a po nej a sledujeme dostupné reálne dáta. Podmienky testu zostávajú zaznamenané. Nové skripty, komponenty a integrácie hodnotíme aj podľa vplyvu na interakcie.