Challenge 1: Classify Three Scores — Possible Solution ==================================================================== GIVEN: LCP = 3.2s, INP = 150ms, CLS = 0.3 LCP = 3.2s -> NEEDS IMPROVEMENT The chapter's table places LCP in the "Needs Improvement" range for anything between 2.5s and 4.0s. 3.2s falls squarely inside that range — it's slower than the "Good" threshold of 2.5s or under, but faster than the "Poor" threshold of over 4.0s. INP = 150ms -> GOOD The "Good" range for INP is 200ms or under. 150ms is comfortably below that threshold, so this metric qualifies as Good. CLS = 0.3 -> POOR The "Poor" range for CLS is anything over 0.25. 0.3 exceeds that threshold, placing it in the Poor category — well outside even the "Needs Improvement" range of 0.1–0.25. WHY THIS WORKS -------------- - Each metric is classified INDEPENDENTLY against its own threshold row in the chapter's table — there's no combined "overall score" being calculated here, just three separate lookups. - This result also illustrates a realistic scenario: a page can have a genuinely responsive interaction experience (good INP) while still suffering from slow initial rendering (LCP) and significant visual instability (CLS) — the three metrics measure different qualities of the page experience and don't move in lockstep with each other, which is exactly why Core Web Vitals tracks all three separately rather than a single blended number.