interaction-to-next-paint

Installation
SKILL.md

Optimize interaction to next paint

INP replaced FID as a Core Web Vital in 2024—it measures how quickly your page responds to user interactions throughout the session, not just the first interaction.

Quick Reference

  • INP measures responsiveness to ALL interactions—target under 200ms
  • Break up long tasks into smaller chunks
  • Use web workers for heavy computation
  • Optimize event handlers and avoid blocking the main thread

Check

Measure INP using Chrome DevTools or PageSpeed Insights. Verify interaction responses occur within 200ms.

Fix

Optimize event handlers, break up long tasks, use web workers for heavy computation, and reduce main thread blocking.

Installs
1
GitHub Stars
73.0K
First Seen
4 days ago
interaction-to-next-paint — thedaviddias/front-end-checklist