Product Variant Selection Performance

Patterns for making variant selection instant in Deco storefronts on TanStack Start. Discovered while optimizing espacosmart-storefront where clicking a variant triggered 2 full loadCmsPage server calls (1300ms+ each).

When to Use This Skill

• Variant changes on PDP are slow (>500ms)
• HAR analysis shows duplicate loadCmsPage calls with/without ?skuId
• preload="intent" on variant <Link> causes double-fetch
• Need to add loading feedback for cross-product variant navigation
• Implementing a new variant selector component

Key Insight: Two Types of "Variant" Navigation