Storefront
Storefront page speed and Core Web Vitals
Themes render as React Server Components with only a few small interactive islands shipped to the browser, pages are tag-invalidated so a price change refreshes one product instead of the whole site, images serve as AVIF or WebP, and Core Web Vitals budgets are enforced in CI for every theme.
Core Web Vitals — live
- LCP1.2s
- CLS0.01
- JS shipped38 KB
How it works
How it works
- 1
Render on the server
Pages ship as HTML with small interactive islands, not a full client-side app.
- 2
Invalidate by tag, not by site
A price or stock change refreshes only the affected page.
- 3
Serve modern image formats
AVIF and WebP with a responsive size through an image CDN.
- 4
Ship subset, self-hosted fonts
Fonts load from the platform’s own servers, trimmed to the characters actually used.
- 5
Enforce a budget in CI
Every theme is checked against Core Web Vitals budgets before it ships.
Configuration
What you can configure
| Setting | What it does |
|---|---|
| React Server Components | HTML plus small interactive islands, not a full client bundle. |
| Tag-based cache invalidation | A change refreshes the affected page, not the whole site. |
| AVIF/WebP via image CDN | Modern formats with responsive sizing. |
| Self-hosted subset fonts | Fonts served from the platform, trimmed to used characters. |
| CWV budgets in CI | Every theme checked against a performance budget before shipping. |
FAQ
Frequently asked questions
Does a price change rebuild the whole storefront?
Is speed something a merchant has to configure?
Are performance budgets checked before or after a theme ships?
Put this to work in your store today
Get started and turn this on for your store in minutes.
No card required · Live in a day · Support in Arabic and English