Web Performance · Part 16 — INP Deep & Main-Thread Scheduling
Đào sâu INP: phân rã input delay / processing / presentation, Long Animation Frames (LoAF) để tìm thủ phạm, scheduler.postTask/yield, fallback đa trình duyệt, và Web Worker.
Filter/Tag
#inp
4 entries
-
-
Web Performance · Part 6 — Optimizing INP
Janky clicks mean the main thread is blocked. Chunk long tasks, yield with scheduler.yield/setTimeout, split urgent from non-urgent updates, and offload heavy computation to Web Workers.
-
Web Performance · Part 2 — Core Web Vitals: LCP, INP & CLS
The three metrics Google uses to score experience: LCP (loading), INP (interaction), CLS (layout stability). What each measures exactly, "good" thresholds, the p75 percentile, and measuring with web-vitals.
-
Core Web Vitals & INP: A Measurement-and-Remediation Playbook for Production
Field data beats lab data — a principal-engineer playbook for measuring LCP, INP, and CLS in production and fixing what CrUX actually scores.