Optimera Interaction to Next Paint (INP) i Chrome – Praktiska råd för att minska fö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.”
• Vid hög bearbetningstid: minska eller skjut upp arbete som utförs av händelsehanterarna, eftersom ”själva händelsehanterarna var den direkta orsaken till den långsamma INP.”
• Granska alla händelseavlyssnare – egna, ramverks-, biblioteks- och tredjeparts: ”All kod som körs i någon händelseavlyssnare kommer att försena interaktionen.”
• Vid hög presentationsfördröjning: undersök webbläsarens renderingsarbete efter händelsehanterarna, men det fullständiga rådet från Chrome är trunkerat i det tillgängliga materialet.

Obs: Det finns inte tillräckligt med underlag för att citera den fullständiga definitionen av presentationsfördröjning eller en komplett åtgärdsguide för denna komponent.