Fix LCP/Lighthouse performance scores - #118

Merged

damianlegawiec merged 29 commits into

mainfrom

feature/v-3389-storefront-fix-lcplightspeed-scores

Apr 10, 2026

Commits on Apr 9, 2026

Improve Lighthouse performance score and accessibility

Cichorek
and
claude
committed
fb13ad8
Move homepage product fetching to Server Component for LCP

Cichorek
and
claude
committed
813eab7
Fix carousel CLS with pre-hydration CSS layout

Cichorek
and
claude
committed
4d76ba9
Replace deprecated priority prop with fetchPriority on images

Cichorek
and
claude
committed
300e3f5
Cache product list API calls to reduce LCP server time

Cichorek
and
claude
committed
f6bd3a0
Optimize mobile LCP by prioritizing only first carousel image

Cichorek
and
claude
committed
1a06bb9
Push carousel below mobile fold to fix mobile LCP

Cichorek
and
claude
committed
f68a33e
Stream product carousel via Suspense to unblock hero LCP

Cichorek
and
claude
committed
472fa1b
Lazy-load Swiper carousel to reduce mobile JS bundle

Cichorek
and
claude
committed
5b30d66
Fix lazy-load Swiper via client component wrapper

Cichorek
and
claude
committed
792b4d8
Lazy-load MobileMenu and SearchBar to reduce initial JS bundle

Cichorek
and
claude
committed
48224f0
Bypass cookies in product fetch and add content-visibility

Cichorek
and
claude
committed
1dbbe5f
Mobile-only content-visibility, lazy CountrySwitcher, explicit lazy images

Cichorek
and
claude
committed
1415aa5
Stream header/footer via Suspense, inline CSS, fix hydration

Cichorek
and
claude
committed
b03dfbb
Revert inlineCss and browserslist (increased bundle size)

Cichorek
and
claude
committed
9b1f173
Revert Suspense header/footer streaming (worsened FCP by 0.3s)

Cichorek
and
claude
committed
0b84557
Revert "Revert Suspense header/footer streaming (worsened FCP by 0.3s)"
Cichorek
committed
51072c3
Enable React Compiler for automatic memoization

Cichorek
and
claude
committed
aa95edd
Test: smaller hero + fetchPriority on first carousel image

Cichorek
and
claude
committed
a73b14d
Revert smaller hero test (carousel image LCP was worse)

Cichorek
and
claude
committed
f0875c2
Extract hero and featured products to client components

Cichorek
and
claude
committed
8fda035
Extract hero to client component, featured products to server component

Cichorek
and
claude
committed
f0dd9c8
Per-user product cache, server-rendered hero, code review fixes

Cichorek
and
claude
committed
3a86e6d
Code review fixes: security, loading fallbacks, error logging

Cichorek
and
claude
committed
be75a87
Use SPREE_API_URL for preconnect instead of hardcoded CDN

Cichorek
and
claude
committed
0456618
Inline lazy imports, remove wrapper files and StorefrontShell

Cichorek
and
claude
committed
6de6043

Commits on Apr 10, 2026

Keep getProducts as direct SDK call, cache only featured products

Cichorek
and
claude
committed
ff3c7e6
Merge remote-tracking branch 'origin/main' into feature/v-3389-storefront-fix-lcplightspeed-scores
Cichorek
committed
a99a7fe
Apply upstream hero changes to HeroSection component

Cichorek
and
claude
committed
0cb53f3

Navigation Menu

Uh oh!

Fix LCP/Lighthouse performance scores - #118

Fix LCP/Lighthouse performance scores#118
damianlegawiec merged 29 commits into
mainfrom
feature/v-3389-storefront-fix-lcplightspeed-scores

Commits on Apr 9, 2026

Improve Lighthouse performance score and accessibility

Move homepage product fetching to Server Component for LCP

Fix carousel CLS with pre-hydration CSS layout

Replace deprecated priority prop with fetchPriority on images

Cache product list API calls to reduce LCP server time

Optimize mobile LCP by prioritizing only first carousel image

Push carousel below mobile fold to fix mobile LCP

Stream product carousel via Suspense to unblock hero LCP

Lazy-load Swiper carousel to reduce mobile JS bundle

Fix lazy-load Swiper via client component wrapper

Lazy-load MobileMenu and SearchBar to reduce initial JS bundle

Bypass cookies in product fetch and add content-visibility

Mobile-only content-visibility, lazy CountrySwitcher, explicit lazy images

Stream header/footer via Suspense, inline CSS, fix hydration

Revert inlineCss and browserslist (increased bundle size)

Revert Suspense header/footer streaming (worsened FCP by 0.3s)

Revert "Revert Suspense header/footer streaming (worsened FCP by 0.3s)"

Enable React Compiler for automatic memoization

Test: smaller hero + fetchPriority on first carousel image

Revert smaller hero test (carousel image LCP was worse)

Extract hero and featured products to client components

Extract hero to client component, featured products to server component

Per-user product cache, server-rendered hero, code review fixes

Code review fixes: security, loading fallbacks, error logging

Use SPREE_API_URL for preconnect instead of hardcoded CDN

Inline lazy imports, remove wrapper files and StorefrontShell

Commits on Apr 10, 2026

Keep getProducts as direct SDK call, cache only featured products

Merge remote-tracking branch 'origin/main' into feature/v-3389-storefront-fix-lcplightspeed-scores

Apply upstream hero changes to HeroSection component