Skip to main content

What are you looking for?

Explore our services and discover how we can help you achieve your goals

E-commerce performance budget and Core Web Vitals

A performance budget is a written limit on page weight, request count and the three Core Web Vitals scores that a team agrees on before building a feature, then checks at every release, so a store stays fast on purpose rather than by accident, and a slow regression gets caught before it reaches shoppers.

Book a solution review See the related solution

By Netbase Commerce and Platform Engineering Desk · Reviewed by David (CEO) · Updated · 8 min read

star

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?

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?

  1. 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.

  2. 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.

  3. 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.

  4. 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.

  5. 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.

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.

AI-enabled ecommerce development for merchants who outgrew templates 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
line
Multi-vendor marketplace development: vendors, catalog, payouts and AI search on one platform 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
line

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.

Contact Netbase

Discuss a project

Netbase JSC helps organizations design, build, modernize, and operate digital products and AI-enabled business systems.
Project enquiries

project@netbasejsc.com

WhatsApp

+84 937 869 689

Office address

91 Nguyen Chi Thanh, Dong Da, Hanoi, Vietnam

Get in touch

Tell us what you want to build, modernize, or operate.

Tell us what you want to build, modernize, or operate.

Contact Netbase