Optimera Interaction to Next Paint (INP) i Chrome – Praktiska råd för att minska fördröjning

Den efterfrågade URL:en

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

INP:s tre komponenter

• Inmatningsfördröjning (input delay): ”börjar när användaren initierar en interaktion med sidan och slutar när händelsehanterarna för interaktionen börjar köras.”
• Bearbetningstid (processing duration): ”består av den tid det tar för händelsehanterarna att köras till slut.”
• Presentationsfördröjning (presentation delay): tillgänglig bekräftelse anger att detta är den tredje komponenten, men ett fullständigt citat saknas; interaktioner består av ”inmatningsfördröjning, bearbetningstid och presentationsfördröjning.”

Handlingsorienterade rekommendationer

• Sträva efter att hålla varje del av en interaktion ”så kort som möjligt” – optimera inte enbart inmatningsfördröjningen.
• Vid hög inmatningsfördröjning: undersök annat arbete som upptar huvudtråden innan interaktionens hanterare kan börja – interaktionen i sig ”kanske inte var den direkta orsaken till långsam INP.”