Limits that hold.
WHAT A BUDGET IS
A defined limit on size or timing, enforced automatically.
WHAT TO SET LIMITS ON
Total JavaScript shipped Total page weight Time until meaningful content Time until interactive
WHY ENFORCE AUTOMATICALLY
Performance degrades gradually, and nobody notices any single addition.
WHAT TO DO WHEN A BUDGET IS EXCEEDED
Fail the build.
WHY
A warning is ignored.
WHAT THAT FORCES
A deliberate decision: remove something, or raise the limit consciously.
WHAT TO BASE LIMITS ON
What your visitors actually experience, measured.
WHAT TO MEASURE ON
A mid-range device, on a throttled connection.
WHAT TO TRACK OVER TIME
Bundle size per release.
WHAT REVEALS THE CAUSE OF A REGRESSION
Comparing bundle composition between releases.
WHAT TO REVIEW PERIODICALLY
Whether every dependency is still used.
WHAT TO REMOVE
Anything that is not.
WHAT TO RESIST
Raising the limit rather than addressing the cause.
