INP a Core Web Vitals v praxi

Stránka může rychle zobrazit první obsah a pomalu reagovat na kliknutí. Kontrola výkonu proto zahrnuje i pozdější úkoly uživatele.

Co pomáhá posoudit INP

INP popisuje odezvu na kliknutí, dotyky a vstup z klávesnice. Diagnóza začíná konkrétními pomalými akcemi, nikoli náhodnými úpravami kódu.

Dokumentace: web.dev.

Začněte scénářem

Testem může být otevření nabídky, přidání produktu nebo rozbalení filtrů. Zapisujeme zařízení, podmínky a okamžik zpoždění. Jediné měření nereprezentuje všechny uživatele.

Najděte zdržující práci

Ověřujeme výpočty, změny zobrazení a skripty během interakce. Úprava odstraní zbytečné úkoly nebo změní jejich pořadí. Animace čekání sama příčinu neřeší.

Příklad složitého filtru

Pokud jedna volba několikrát přepočítá celý seznam, zkoumáme opakování. Poté kontrolujeme rychlost a správnost. Rychlý filtr není úspěch, pokud vynechává produkty nebo používá stará data.

Předání a sledování

Porovnáváme stejný scénář před a po změně a sledujeme dostupná reálná data. Podmínky testu zůstávají zaznamenané. Nové skripty, komponenty a integrace hodnotíme také podle vlivu na interakce.