This guide is for e-commerce managers, engineering leads and marketing leads who own page speed on a live store, whether as part of a broader rebuild covered in the custom e-commerce platform guide or as a stand-alone speed initiative that e-commerce development can execute without a replatform.
In this guide
- What exactly should a performance budget include?
- Which route actually fits your situation?
- How do you set and enforce a performance budget?
- Where AI fits in a performance budget
- What delivery record exists, and what does not
- Alternatives: ways teams handle this without a formal budget
- Limits of this guide
- Frequently asked questions
- Next step
What exactly should a performance budget include?
A budget needs two kinds of numbers. The first is Google's three Core Web Vitals: Largest Contentful Paint (LCP) of 2.5 seconds or less, Interaction to Next Paint (INP) of 200 milliseconds or less, and Cumulative Layout Shift (CLS) of 0.1 or less, each measured at the 75th percentile of real visits, which is the bar Google documents as "good." The second is a set of build-time limits that keep the first set passing: a page-weight ceiling, a request-count ceiling, and a cap on the number of distinct third-party script domains a page is allowed to load. Google's own web.dev guidance frames a budget the same way for any site: agree a sample set of limits (for example, a Lighthouse performance score, a JavaScript size cap and a paint-time target) and then enforce them in the build process, not just check them once. Pick the numbers from a measured baseline, not a guess: open a representative product page with a cold cache and the browser's network panel, and record total transferred bytes, number of requests, and number of distinct third-party domains; those three become the budget's starting ceilings, tightened over time rather than loosened.
Which route actually fits your situation?
| Option | Strength | Risk | Choose it when |
|---|---|---|---|
| Budget and release gate only, no rebuild | Cheapest and fastest to put in place | Leaves today's architecture ceiling in place | The platform is capable but discipline on third-party scripts and assets has slipped |
| Targeted optimisation sprint (images, JavaScript, third-party audit) | Visible gains without touching the architecture | Gains erode again without a standing budget to defend them | Core Web Vitals fail today but the platform itself is not the bottleneck |
| Headless or architecture change | Removes a platform-level rendering ceiling | A bigger project with a new front end to own | The headless commerce comparison shows the current platform's rendering, not content or scripts, is the ceiling |
| Full replatform | Resets performance along with everything else the platform no longer fits | Largest cost, longest project | Performance is one of several reasons listed in the custom e-commerce platform guide's "performance you cannot fix" row |
How do you set and enforce a performance budget?
-
Measure a baseline on a representative page
, cold cache, using the network panel: total page weight, request count and distinct third-party domains, plus LCP, INP and CLS from a real-user or lab tool.
-
Write the budget down as a policy with an owner
, not a one-time target: the three Core Web Vitals pass bars and the three build-time ceilings, who approves a change to any of them, and where the policy lives.
-
Gate every release against the budget before it ships
, not after, using a build-time check or a pre-release checklist item; a release that exceeds the budget is blocked, fixed, or granted a dated, owned exception, never silently shipped.
-
Re-measure after every theme, app, tag-manager or third-party script change
, not on a quarterly schedule; most regressions arrive as a single well-intentioned marketing or analytics addition, not a code rewrite.
-
Report the trend, not just the latest number
, so a slow creep across several small releases is visible before it fails the budget outright.
Where AI fits in a performance budget
Netbase works with the major commercial and open-source AI tools and models, chosen per project rather than tied to one vendor.
Treat an AI feature the same way as any other script: it earns a place in the budget, it does not get a free pass from it.
-
Available capability
AI-assisted image and asset optimisation
Model-based compression and format selection can trim page weight past what fixed presets catch, which is not yet tied to a published Netbase case.
-
In delivered work
Product recommendation engine
Built by Netbase into 4over4's online printing store from browsing and purchase history; it was built to load after the page's main content, not before it, but Netbase has no published figure isolating its effect on page weight or Core Web Vitals specifically.
What delivery record exists, and what does not
USticker, a Netbase e-commerce client, measured a 21% reduction in page load time alongside a 40% conversion increase for users of its design tool, a 32% rise in completed designs and a 25% rise in retention over six months. That page-load figure is the one registered Netbase result tying a measured front-end speed change to a commerce outcome; it is a page-load percentage from one client's own measurement, not a Core Web Vitals score or a Lighthouse number.
What does not exist. No published Netbase record states a client's LCP, INP or CLS score, before or after a project, and no Lighthouse score is published for any client. A business that wants a Core Web Vitals baseline measured and gated as described in this guide should expect that as new discovery work, not something already on record.
Alternatives: ways teams handle this without a formal budget
| Route | Strength | Choose it when |
|---|---|---|
| Wait for Search Console or a ranking drop to flag a problem | No process to build upfront | You can tolerate slow, reactive fixes and an unmeasured period of lost conversions |
| One-time audit with no ongoing governance | A quick, visible win | You accept that gains erode; Google's own research records 40% of brands regressing within six months of a speed fix with no budget behind it |
| A formal budget with a release gate, as in this guide | Keeps the gains the audit found | Someone can own the policy and a release process exists to gate against it |
Limits of this guide
- The Core Web Vitals thresholds and the example budget numbers here are Google's and web.dev's published guidance, not a Netbase-specific benchmark; your own traffic, device mix and catalog size change what a realistic target is.
- The Deloitte-Google conversion research cited below is an industry-wide, cross-brand study; it is evidence that speed and commerce outcomes correlate, not a guarantee for any single store.
- No Netbase client's Core Web Vitals score is published, so this guide cannot show a Netbase before-and-after Vitals case; it shows the budget method and one page-load result (USticker) instead.
Plan the next step with a Netbase consultant
Frequently asked questions
Google's published "good" bar, measured at the 75th percentile of real visits, is a Largest Contentful Paint of 2.5 seconds or less, an Interaction to Next Paint of 200 milliseconds or less, and a Cumulative Layout Shift of 0.1 or less.
The release is blocked until it is fixed, or it ships with a dated, named exception and a commitment to re-measure and pay the regression back by a set date; a budget with no consequence for breaking it is not a budget, just a dashboard.
No. A budget governs how well you use the architecture you already have; if the platform's own rendering is the ceiling, as the custom e-commerce platform guide describes for performance you cannot fix, a budget keeps you honest about that ceiling but does not remove it.
Next step
Tell us your current page weight, request count and Core Web Vitals scores on your busiest product page, and we will help you turn them into a written budget and a release gate; book a solution review to start, or see the e-commerce marketplace solution if a budget is one part of a larger platform decision, alongside the marketplace platform architecture guide if vendors and catalog scale are also in scope.
Related services and solutions
AI-enabled ecommerce development for merchants who outgrew templates
Netbase provides custom ecommerce development for merchants that have outgrown templates, to turn traffic into orders with less manual work, using AI for search, recommendations and catalog work where it pays. We build on WooCommerce, Magento 2, Laravel and headless stacks; 4over4, whose store gained an AI recommendation engine, reported 82% more revenue within six months.
Learn More
Multi-vendor marketplace development: vendors, catalog, payouts and AI search on one platform
A multi-vendor marketplace is a commerce platform where many independent sellers list, sell and get paid through one storefront. Netbase's marketplace solution covers vendor onboarding, a shared catalog, split payments and payouts, with AI for search, listing enrichment and fraud checks. For an EU fashion-tech marketplace, Netbase's work grew gross merchandise value (GMV) 47% and cut vendor onboarding time 60%.
Learn More
Work with Netbase remotely
Every Netbase engagement is delivered remotely, so clients in any country and any industry can work with us; Netbase has worked with clients in 80 countries. Contracts and invoices are issued by Netbase JSC, and payment is made by bank transfer to Netbase JSC's company account or PayPal Business. Talk to the CEO, Huy Nguyen (David), on WhatsApp or by email.
Discuss a project
Netbase JSC helps organizations design, build, modernize, and operate digital products and AI-enabled business systems.project@netbasejsc.com
+84 937 869 689
91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam
Get in touch
Tell us what you want to build, modernize, or operate.