CLS ≤ 0.1 stable layout

What TestSprite reads

The testing agent reads this JSON, opens the deployed URL in headless Chromium, executes each action step, evaluates each assertion. Verdict: passed / failed / blocked / inconclusive.

{
  "projectId": "1ad26753-ee03-4689-8f0f-6fa5d67c5c72",
  "type": "frontend",
  "name": "Performance — Cumulative Layout Shift (CLS) ≤ 0.1 on index",
  "description": "The bracket must not shift visibly while loading. Common offenders: missing width/height on images, fonts swapping in late, JS injecting content above the fold.",
  "priority": "p2",
  "metadata": {
    "category": "performance",
    "stage": "all"
  },
  "planSteps": [
    {
      "type": "action",
      "description": "Navigate to the homepage and observe page load over 5 seconds"
    },
    {
      "type": "assertion",
      "description": "Verify no visible content jumps occur between first-paint and full-load. CLS metric should be ≤ 0.1 (good)"
    }
  ]
}