Exercise 3: Why Variable Products Risk a Worse CLS Score — Possible Solution ==================================================================== WHY VARIABLE PRODUCTS ARE MORE PRONE TO THIS ------------------------------ Per this chapter, a Variable product's page shows price and stock status that change dynamically "as the shopper selects different attributes" (per Chapter 2's own Size/Color variation material) - for example, selecting a different size might reveal a different price or an "out of stock" status for that specific combination. A Simple product has no such attribute-selection step at all, since it has exactly one price and one stock status that never change based on any on-page interaction - so there's nothing analogous that could shift the layout after the initial page load. WHY THIS CAUSES A LAYOUT SHIFT ------------------------------ Per this chapter, if the space for the price/stock text isn't reserved ahead of time, the surrounding page content shifts position each time the displayed price or stock text changes length or appears/disappears in response to a variation selection - exactly what Cumulative Layout Shift measures. WHAT THIS CHAPTER RECOMMENDS ------------------------------ Per this chapter, "reserving stable layout space for these values avoids a visible shift each time a selection changes" - allocating fixed space for the price/stock area in advance, so that updating its content doesn't need to push any other page content up or down. WHY THIS WORKS AS AN ANSWER ------------------------------ It correctly identifies the attribute-selection-driven price/stock change as the mechanism unique to Variable products that Simple products don't share, and correctly states this chapter's own recommended fix of reserving stable layout space in advance.