A redesign that actually sells.

1// Core Web Vitals budget enforced in CI. Components that breach
2// any threshold fail the build, not the post-launch retro.
3export interface VitalsBudget {
4  lcpMs: number;
5  cls: number;
6  inpMs: number;
7}
8 
9export const BUDGET: VitalsBudget = {
10  lcpMs: 1000,
11  cls: 0.05,
12  inpMs: 150,
13};
14 
15export function withinBudget(
16  measured: VitalsBudget,
17  budget: VitalsBudget = BUDGET,
18): boolean {
19  return (
20    measured.lcpMs <= budget.lcpMs &&
21    measured.cls <= budget.cls &&
22    measured.inpMs <= budget.inpMs
23  );
24}