Cada interação
tem um custo.

Compare a arquitetura. Configure a variante. Percorra o checkout. Veja o orçamento de performance responder a cada escolha.

Casa Serra é a loja de demonstração da landing Shopify. Preços, estoque e telemetria abaixo são um conjunto de teste local. Nenhuma compra ou medição externa.

[XQ // C1—F8 — ARQUITETURA SHOPIFY]02 / 04 · COMÉRCIO

Da requisição à decisão.

ANTES / carga em série
  1. HTML → 12 scripts bloqueantes
  2. Imagem sem tamanho reservado
  3. Variante → recarga da página
  4. Sacola → redirecionamento
  5. Checkout → contexto perdido
DEPOIS / carga por prioridade
  1. HTML → conteúdo primeiro
  2. Imagem responsiva com proporção
  3. Variante → atualização local
  4. Sacola → estado preservado
  5. Checkout → revisão contextual
Depois / prioridades explícitasAntes / cinco dependências
Casa SerraCERÂMICA / OBJETO 0010 na sacola
Caneca Terra de cerâmica em terracota, da loja de demonstração Casa Serra
CAN.01 / TERRA

CASA SERRA / CERÂMICA

Caneca
Terra.

Cerâmica esmaltada. Um objeto para o intervalo entre dois movimentos.

R$ 89,00
Volume / variante de teste

12 unidades no conjunto de teste

Produto demonstrativo. Variante 600 ml sem estoque para testar recuperação.

Fórmulas, limites e procedência

Modelo controlado: LCP = 0,55 + payload × 8 / (banda × 1000) + 0,12 × requisições + 0,08 × (quantidade − 1). CLS = proporção reservada ? 0,020 : 0,280, acrescido de 0,015 por transição na arquitetura anterior. INP = 48 + 7 × requisições + 22 por variante alterada (antes) ou 3 (depois) + 12 por etapa do checkout. Contadores limitados a oito eventos por categoria; filtros e checkout não são um teste de campo.

Payload otimizado: 480 kB + 0/900 kB de imagem + 0/280 kB de scripts. Antes: 2.400 kB e 16 requisições, sem intervenções. Preços de teste: R$ 89 / R$ 109 / R$ 139; estoque 12 / 7 / 0. As variantes ampliam a Caneca Terra do acervo demonstrativo, não um catálogo comercial.

Parâmetros de referência: LCP ≤ 2,5 s, CLS ≤ 0,1, INP ≤ 200 ms; classificação real exige o percentil 75 das visitas. Fonte: Web Vitals / web.dev. Fotos e produto: chesslab-shopify/site/src/recursos/compra-facilitada.html e seu acervo local.