{
    "title": "Web Performance Budget Reference",
    "updated": "2026-08-06",
    "methodology": "This reference provides conservative starter limits and a review checklist. Teams should establish their own baseline and regression thresholds.",
    "limitations": "Actual performance depends on server, caching, network, device, code execution, page purpose, and measurement tooling.",
    "columns": [
        "Budget field",
        "Starter target",
        "Why monitor it"
    ],
    "rows": [
        [
            "HTML transfer",
            "≤ 100 KB",
            "Large markup delays parsing"
        ],
        [
            "Critical CSS",
            "≤ 50 KB",
            "Render-blocking cost"
        ],
        [
            "Initial JavaScript",
            "≤ 200 KB compressed",
            "Parse and execution cost"
        ],
        [
            "Hero image",
            "≤ 250 KB where quality permits",
            "Often a loading bottleneck"
        ],
        [
            "Total initial images",
            "≤ 1 MB",
            "Mobile bandwidth and memory"
        ],
        [
            "Web fonts",
            "≤ 150 KB",
            "Text rendering and layout"
        ],
        [
            "Third-party scripts",
            "Explicit allowlist",
            "Uncontrolled cost and privacy"
        ],
        [
            "Requests before interaction",
            "≤ 50",
            "Connection overhead"
        ],
        [
            "LCP",
            "Good threshold review",
            "Loading experience"
        ],
        [
            "INP",
            "Good threshold review",
            "Interaction responsiveness"
        ],
        [
            "CLS",
            "Good threshold review",
            "Visual stability"
        ],
        [
            "Mobile test",
            "Mid-tier device/network",
            "Desktop alone hides constraints"
        ]
    ]
}