HW3 — Module 06: Web Vitals
This page loads collector-v5.js, which tracks LCP, CLS, and INP via PerformanceObserver and updates the panel below live. Final values are sent in a separate beacon when you switch tabs or navigate away.
This banner was inserted late on purpose — it pushes the content below down, causing an unexpected layout shift (counts against CLS).
Hero Image (LCP candidate)
Interact (for INP)
This button includes a deliberate ~40ms delay so INP has something measurable to show — a real button click is often too fast to register above the 16ms threshold.
Clicks: 0
Live Web Vitals
LCP
—
waiting
CLS
—
waiting
INP
—
waiting
Switch to another tab (or navigate away) to trigger the final vitals beacon — check the console for [collector-v5] vitals payload.