INP és Core Web Vitals a gyakorlatban

Egy oldal gyorsan megjelenítheti az első tartalmat, majd lassan reagálhat a kattintásra. A teljesítményellenőrzés ezért a későbbi felhasználói feladatokat is magában foglalja.

Mit segít értékelni az INP

Az INP a kattintásokra, érintésekre és billentyűzetbevitelre adott reakciót írja le. A diagnózis konkrét lassú műveletekkel kezdődik, nem véletlenszerű kódmódosításokkal.

Dokumentáció: web.dev.

Kezdje egy forgatókönyvvel

A teszt lehet a menü megnyitása, termék kosárba helyezése vagy szűrők kibontása. Rögzítjük az eszközt, a feltételeket és a késés pillanatát. Egyetlen mérés nem képvisel minden felhasználót.

Keresse meg a késleltető munkát

Ellenőrizzük az interakció közbeni számításokat, nézetfrissítéseket és szkripteket. A módosítás eltávolítja a felesleges feladatokat vagy megváltoztatja sorrendjüket. Egy várakozási animáció önmagában nem oldja meg az okot.

Összetett szűrő példája

Ha egy választás többször újraszámítja az egész listát, megvizsgáljuk az ismétlést. Ezután a sebességet és a pontosságot is ellenőrizzük. A gyors szűrő nem siker, ha kihagy termékeket vagy régi adatokat használ.

Átadás és megfigyelés

Ugyanazt a forgatókönyvet hasonlítjuk össze a változtatás előtt és után, és figyeljük az elérhető valós adatokat. A tesztfeltételeket rögzítjük. Az új szkripteket, komponenseket és integrációkat az interakciókra gyakorolt hatásuk alapján is értékeljük.