Lighthouse バジェットとは何か
Lighthouse バジェットは、Largest Contentful Paint などの指標や、スクリプトの総バイト数といったリソースの数とサイズに対する許容限界を定義する設定です。Lighthouse が CI でページに対して実行されると、測定値をバジェットと比較し、違反を報告します。チームはこれを利用して、リリースごとにパフォーマンスが静かに劣化するのを防ぎます。
なぜ重要か
機能や依存関係が積み重なるにつれて、パフォーマンスは徐々に低下します。限界をバジェットとして明文化することで、劣化を本番でしか気づかない問題ではなく、目に見えるブロッキングな失敗にできます。
関連ガイド
What Is a Performance Budget?A performance budget is a set of limits on metrics like load time and asset size that a project commits to st…
What Is a Bundle Size Budget?A bundle size budget caps the byte size of compiled JavaScript or CSS bundles, failing the build when a chang…
What Is an Accessibility Audit?An accessibility audit checks a UI against standards like WCAG, flagging issues such as missing labels, low c…