#345
fix(react-best-practices): replace Time to Interactive with LCP and INP
What
Three rule texts still cite Time to Interactive (TTI):
| File | Before | After |
|---|---|---|
rules/_sections.md (Bundle Size Optimization) | "improves Time to Interactive and Largest Contentful Paint" | "improves Largest Contentful Paint and Interaction to Next Paint" |
rules/bundle-dynamic-imports.md (impact) | "directly affects TTI and LCP" | "directly affects LCP and INP" |
rules/rendering-script-defer-async.md | "delays First Contentful Paint and Time to Interactive" | "delays First Contentful Paint and Largest Contentful Paint" |
Why
- Lighthouse 10 removed TTI from the performance score. It keeps weight 0 and is hidden in the HTML report: https://developer.chrome.com/blog/lighthouse-10-0
- INP replaced FID as the Core Web Vital for responsiveness in March 2024: https://web.dev/blog/inp-cwv-launch
Checks
pnpm validate: all 70 rule files are valid.pnpm build: AGENTS.md is regenerated and changes in the same three places. test-cases.json comes out with the same content (I left out a trailing-newline-only change).
🤖 Generated with Claude Code
@HaydenLundin is attempting to deploy a commit to the Vercel Team on Vercel.
A member of the Team first needs to authorize it.