taste-web-performance
Installation
SKILL.md
taste-web-performance
Speed is part of the design. A hero that paints in 900ms with a shifted headline is a broken hero.
1. THE BUDGETS (Write These Down First)
Target p75 on mobile hardware (the median phone, not your Mac):
- LCP < 2.5s — the hero text or hero image must be the largest contentful element and must paint fast.
- CLS < 0.1 — no element moves after it's first painted. Every font, image, and ad-sized box is a CLS risk.
- INP < 200ms — no click waits on a long task; no JS does heavy work on the main thread at interaction time.
- Total page weight ≤ 1.5MB for a marketing page; a "simple" page should ship under 500KB.
- State the budget in the build notes — a page without a stated budget is a page without a plan.