1. Commerce
  2. System Management
  3. Site Performance
  4. SuiteCommerce Rehydration
  5. How SuiteCommerce Rehydration Works

How SuiteCommerce Rehydration Works

Here's how SuiteCommerce Rehydration works on your web store:

  1. A shopper goes to a web page on your site.

    If a prerendered HTML version of the page is available, SuiteCommerce serves it immediately.

  2. The shopper sees page content quickly.

    Prerendered HTML is sent right away, so key content appears sooner and the first-load experience improves.

  3. The SPA loads and 'rehydrates' the page.

    Instead of replacing the prerendered HTML, the client-side application attaches to the existing DOM elements. This makes the page interactive without removing or re-adding the primary view, reducing flicker.

  4. Child content remains visible during the transition to interactivity.

    During rehydration, SuiteCommerce preserves selected child sections from the prerendered DOM (for example, CMS areas and data-driven view regions) so they remain visible and stable as the SPA becomes interactive.

    Important:

    This preservation is primarily a visual stability and flicker-prevention mechanism. It doesn't mean the entire preserved section is treated as stale or automatically refreshed.

  5. Potentially stale fields are refreshed.

    SuiteCommerce can temporarily mask 'at risk' fields (for example, pricing or stock status) and update them after current values are available. For developer information, see How SuiteCommerce Rehydration Addresses Stale Content.

Related Topics

General Notices