← Core Web Vitals

INP snippets

Interaction to Next Paint — diagnostic console snippets and runnable demos.

• detect-content-visibility-auto.js →

  Console snippet that lists every element with content-visibility: auto. Useful for measuring the INP impact of off-screen rendering.

• inp-multiple-event-listeners.html →

  Demonstrates how multiple event listeners on the same target compound the INP, and how breaking the work up changes the measurement.

• inp-script-order-and-yield/ →

  Six-variant test (abc, acb, bac, bca, cab, cba) showing how script order and yielding affect INP.