Sebesség

INP javítása: miért késik a felület kattintás után?

A lassú interakció okát a főszál terhelésében, a renderelésben és a felesleges JavaScriptben keressük.

Mit mér az INP

Az INP azt mutatja meg, mennyi idő telik el a felhasználói művelet és a következő látható képkocka között. Nemcsak a JavaScript futása, hanem a stílus- és elrendezésszámítás is beleszámít.

Mérés

A laboradat önmagában kevés. Valós felhasználói mérésből keressük meg a lassú eseményt és az érintett elemet, majd a böngésző teljesítményprofiljában bontsuk fel a hosszú feladatot.

Javítás

Daraboljuk a hosszú feladatokat, halasszuk a nem sürgős munkát, és kerüljük a teljes komponensfa újrarenderelését. A javítást ugyanazon a felhasználói folyamaton mérjük vissza.