WooCommerce

Currently, on the cart and checkout pages, the cart contents and summary information are included in the HTML for React to render on the client side.

However, this creates a speed issue because React is primarily intended for headless setups, where the data layer and the front end are separated. In WooCommerce’s cart and checkout pages, both the data and the front end come from the same server, so there is no real need to send the data in a format that React must process only after all front-end scripts have loaded.

You don’t need to change your React code; you can still provide the initial cart HTML directly in the page for the first load, and let React handle updates afterwards.

If that isn’t possible, alternatively the cart HTML table can be generated earlier by JS.

Thanks.