SuiteCommerce Rehydration Best Practices
Use these best practices to help SuiteCommerce Rehydration improve first-load performance and maintain accurate content and a stable shopper experience:
-
Choose the effect that best fits the content and the result you want during prerendering.
For example, use blur when you want to preserve layout space, or prevent prerendering when the content shouldn't appear in cached output. See Recommended Approach for Custom Components.
-
For custom themes and extensions, apply blur, hidden-state, or prerender-exclusion logic so that it affects content generated by the SEO page generator.
Test the first-load shopper experience and confirm that the visual and SEO results match your expectations.
-
Monitor Core Web Vitals (CWVs) and shopper experience.
Track CWVs and key shopper flows to confirm that rehydration is improving perceived performance. Look for pages or components that introduce delays or visual instability. CWVs are Google's web performance metrics and include:
-
Largest Contentful Paint (LCP) - How long it takes for a page's main content to appear.
-
Interaction to Next Paint (INP) - How long it takes for a browser to respond with a visual update after a user first interacts (for example, with a click, tap, or keyboard input).
-
Cumulative Layout Shift (CLS) - Whether there are unexpected layout shifts during page load, like buttons or text jumping.
-
-
Keep cached content accurate.
Regular cache invalidation can improve SEO accuracy and reduce stale-content scenarios. See