Optimalizace INP: Praktické rady pro vývojáře

Požadovaná stránka

developer.chrome.com/docs/web-platform/optimize-inp

Komponenty INP

• Zpoždění vstupu: „začíná, když uživatel zahájí interakci se stránkou, a končí, když se začnou spouštět obslužné rutiny událostí pro danou interakci.“
• Doba zpracování: „zahrnuje čas, který trvá spuštění obslužných rutin událostí až do jejich dokončení.“
• Zpoždění vykreslení: Dostupné zdroje potvrzují tuto třetí komponentu, ale neobsahují její úplnou definici; interakce se skládají z „fáze zpoždění vstupu, doby zpracování a zpoždění vykreslení.“

Praktická doporučení

• Snažte se, aby každá komponenta interakce byla co nejkratší, neoptimalizujte pouze zpoždění vstupu.
• Při vysokém zpoždění vstupu zkoumejte jinou práci na hlavním vlákně, která probíhá před spuštěním obslužných rutin. Samotná interakce „nemusela být přímou příčinou pomalého INP.“
• Při vysoké době zpracování omezte nebo odložte práci vykonávanou v obslužných rutinách, protože „obslužné rutiny událostí interakce byly přímou příčinou pomalého INP.“
• Auditujte posluchače první strany, frameworků, knihoven i třetích stran: „Jakýkoli kód spuštěný v jakémkoli posluchači událostí zpozdí interakci.“
• Při vysokém zpoždění vykreslení zkoumejte práci prohlížeče po dokončení obslužných rutin, ale dostupné zdroje neobsahují přesné doporučení od Chrome.

Dostupné zdroje neposkytují úplnou definici zpoždění vykreslení ani kompletní návod na jeho nápravu.