Payload Budget Calculator
JavaScript is the most expensive resource on the web. It must be downloaded, parsed, compiled, and executed. Setting a strict JS payload budget is essential for maintaining a fast Interaction to Next Paint (INP).
The Cost of JS
100kb of JS is significantly slower than 100kb of JPEG imagery because of parse and execution time. Mobile CPUs struggle heavily with large JS bundles.
Industry Standards
Aim to keep your initial JS bundle under 150-200kb (gzipped) for mobile users to achieve a Time to Interactive under 3 seconds on a 3G connection.
Interactive Tool: Network Emulation Estimator
Estimated Time to Interactive
0.0s
Waiting...