Checkout de infoproduto. Alto volume. Micro frontend. Campanha de influenciador no ar. Timeout. Transbordo. O time discute Lighthouse e Nuxt.
A pergunta não era o score. Era: o JS do passo do pagamento chegou a tempo, e a gente viu o funil cair no Sentry ou só no backoffice no dia seguinte?
O que você leva: performance no front só é Staff se a conversão sobe. Lighthouse sozinho não paga.
Tabela de Conteúdo Timeout e transbordo pagam. Score, não MFE não é desculpa pra baixar o mundo SSR no BFF. Lazy load no resto CDN, cache, gzip: o caminho até o JS Quatro lentes. Uma delas é dinheiro Instalar o SDK não fecha o case Timeout e transbordo pagam. Score, não
No mercado de infoproduto, a campanha não espera o bundle. Influenciador dispara. Tráfego sobe. O checkout transborda ou estoura timeout. A venda não completa.
Eu ia responder stack. Vue 3. Nuxt. Lighthouse verde. Tudo isso importa. Nenhum disso, sozinho, prova que o funil vendeu.
Staff liga a técnica ao número que o backoffice do cliente lê no mês. Sem esse fechamento, otimização de front é chute com PR bonito. MFE não é desculpa pra baixar o mundo
O checkout era um micro frontend. Vários times, várias fatias, um único caminho de pagamento.
MFE resolve autonomia de deploy. Não resolve first load. Se cada fatia puxa o mundo, o comprador baixa o admin, o cupom, o upsell e o pixel antes de ver o botão.
A conta do MFE, pra mim, virou essa: o passo atual baixa o JS do passo atual. O resto espera.
Sem isso, “a gente tem MFE” é organograma. Não é performance. SSR no BFF. Lazy load no resto
Tinha BFF. SSR no first paint. O HTML do passo crítico não ficava esperando o JS inteiro do MFE hidratar.
O resto era code splitting e lazy load. JavaScript sob demanda. A tela de pagamento não carregava o módulo do dashboard nem o do onboarding.
SSR quando o first paint é a conversão: o passo em que a pessoa paga. Lazy load quando o código só existe depois do clique: order bump, meio de pagamento extra, modal que a maioria nem abre.
Inverter isso é clássico. SSR em tela interna. Bundle único no checkout. O Lighthouse do admin fica lindo. A campanha cai.
Vue 2 para Vue 3 / Nuxt 3 entrou aqui. Não como logo. Como caminho pra SSR e split de verdade no MFE. O case que fechou não foi “migramos a lib”. Foi o funil ter parado de perder venda no timeout. CDN, cache, gzip: o caminho até o JS
CDN perto de quem compra. Cache no estático. Gzip (ou Brotli, se o edge já tiver) no JS que sobrou. Isso não é lista de blog. É o caminho até o arquivo que o passo do pagamento precisa.
Se o chunk lazy sai de origem fria, o lazy load só adia o timeout. Você não cortou o problema. Mudou o lugar do spinner.