Performance Budgets for Marketing Sites That Need to Sell Fast
How to set ceilings for JS, images, and third parties on brand/landing pages—and keep them in CI and marketing process.
Ali Mortazavi
Founder, Paradise Code
A marketing site is a product, not a weightless brochure
Every extra kilobyte on a landing page burns ad spend. A performance budget is an agreed ceiling on page weight, LCP time, and third-party request count—before the campaign team adds another tag manager.
Tie budgets to money paths: the campaign home, pricing, and contact/signup. Site-wide averages are not enough.
Practical ceilings teams understand
A realistic landing example: initial JS under a set cap (e.g. 150–200KB gzipped on the critical path), an optimized LCP image with reserved dimensions, limited fonts, and at most N third-party tags before interaction. Calibrate numbers to target devices (regional mobile), not the team’s MacBooks.
The budget should live in a one-page doc and be breakable in PRs—not in a forgotten slide.
Media and heroes without killing LCP
Ship the hero in a modern format, responsive sizes, and `fetchpriority="high"`. Autoplaying background video usually blows the budget; if required, use a light poster and lazy-load after intent.
Replace heavy carousels and script-heavy sliders with static sections unless interaction has proven conversion lift.
Manage third parties like financial debt
Every pixel, chat, A/B, and analytics tag needs an owner and a review date. Defer loading to consent/idle and cap the total. If marketing can add tags without review, the budget is theater.
Measure how hard a tag hits INP/LCP; if the data value is less than the conversion damage, remove it.
Enforcement in CI and campaign culture
Put Lighthouse CI or bundle-budget checks on landing PRs. For fast campaigns, ship pre-approved templates with an internal budget so marketing speed does not require breaking the ceiling.
Monthly, read field vitals for campaign pages beside ad spend. Performance here is a financial metric, not an engineering game.
When the budget breaks
A breach needs options: remove a feature, optimize, or a time-boxed exception with an owner and expiry. Endless exceptions mean no budget.
Fast, simple, measured marketing sites strengthen the brand more than effect-heavy pages—especially when every click has a cost.
Frequently asked questions
Should budgets come from lab or field data?
Both. Lab for PR gates; field (CrUX/RUM) for user truth and ceiling calibration.
Can animation fit a budget?
Yes if it is light, CSS/GPU-friendly, and respects reduced-motion. Heavy JS animation rarely pays.
How many third parties are allowed?
As few as possible. Set a numeric team cap and require a swap for every new addition.
Can WordPress page builders hold a budget?
They can, but heavy tools often make ceilings unrealistic. For sensitive campaigns, a light template or custom front end is usually more trustworthy.
Insights
Need these ideas implemented in your product?
Paradise Code supports you from consult to full delivery.