- O efeito flicker (FOOC) em testes A/B distorce resultados e degrada a experiência do usuário
- A maioria das ferramentas de teste adiciona 50-200 KB de JavaScript — o snippet do Varify tem apenas 11,5 KB
- Varify aplica variantes antes da renderização visual (sub-30ms) — visitantes nunca veem o original
- Zero impacto nos Core Web Vitals: sem aumento CLS, sem degradação LCP, sem penalidade INP
O efeito flicker — também chamado Flash of Original Content (FOOC) — é o modo de falha mais visível em testes A/B. Visitantes veem brevemente a página original antes da variante carregar, criando um salto visual perturbador que distorce resultados de teste e degrada a experiência do usuário. Relacionado: Cumulative Layout Shift (CLS), onde modificações do teste A/B fazem elementos da página saltarem após carregar, prejudicando diretamente seus Core Web Vitals scores.
Varify.io resolve ambos com uma arquitetura focada em performance: um snippet de 11,5 KB que aplica variantes antes da página renderizar visualmente (sub-30ms), zero layout shift, e nenhum impacto mensurável em LCP ou INP. Para contexto: Google Optimize (agora descontinuado) tinha características similares de performance — Varify mantém esse padrão enquanto adiciona editor visual, integração GA4/BigQuery, e testes sem cookies.
Por que flicker e layout shift arruínam testes A/B
O efeito flicker (FOOC)
Quando uma ferramenta de teste carrega após a página renderizar, visitantes veem a versão original por 100-500ms antes da variante aparecer. Esse "flash" introduz viés de observação: visitantes percebem a mudança, o que afeta seu comportamento diferentemente do que se tivessem visto apenas a variante. Seu teste mede o impacto da mudança MAIS o impacto de ver a mudança acontecer — contaminando resultados.
Cumulative Layout Shift (CLS)
Modificações de teste A/B que mudam tamanhos de elementos, adicionam/removem conteúdo, ou trocam imagens após o carregamento da página causam layout shifts. Google mede CLS como um Core Web Vital — scores acima de 0,1 são classificados como "precisa melhorar". Um teste A/B mal implementado pode empurrar CLS de "bom" para "ruim" para todos visitantes no teste.
LCP e velocidade da página
Scripts pesados de teste atrasam o Largest Contentful Paint (LCP). Um script de teste de 150 KB que carrega sincronamente pode adicionar 200-500ms ao LCP — suficiente para reduzir mensuralmente as taxas de conversão. A ironia: a ferramenta feita para melhorar conversões as prejudica ativamente.
Comparação de tamanho de script e performance
| Ferramenta | Tamanho snippet | Anti-flicker | Impacto CLS | Impacto LCP |
|---|---|---|---|---|
| Varify.io | 11,5 KB | Sub-30ms | Nenhum | Negligível |
| VWO SmartCode | ~80-120 KB | Possível | Moderado | |
| Optimizely | ~50-150 KB* | Possível | Moderado-Alto | |
| Convert | ~40-80 KB | Mínimo | Baixo-Moderado | |
| Google Optimize | ~10 KB (descontinuado) | Nenhum | Negligível |
*Tamanho do snippet Optimizely varia pelo número de experimentos ativos. Source: Claude Research, May 1, 2026
Os 11,5 KB do Varify são comparáveis ao descontinuado Google Optimize — e 5-10× mais leve que VWO ou Optimizely. Para comparação completa de ferramentas, veja nosso guia de ferramentas europeias para PMEs.
Como Varify previne flicker e layout shift
Carregamento síncrono no head
O snippet do Varify carrega na seção <head> sincronamente — antes de qualquer conteúdo do body renderizar. Isso garante que modificações de variante sejam aplicadas antes da primeira pintura. Visitantes nunca veem a versão original.
Aplicação de variante pré-renderização
O snippet identifica experimentos ativos, determina a atribuição de variante do visitante (do localStorage), e aplica modificações CSS/JS em 30ms. Todas as mudanças estão no lugar antes da primeira pintura significativa do navegador.
Sem DOM reflow
Varify aplica modificações através de injeção de classe CSS e sobrescrita de estilos que não triggam DOM reflow. Visibilidade de elementos, mudanças de texto, e modificações de estilo acontecem sem causar recálculo de layout — eliminando CLS dos testes.
Atribuições de variante em cache
Atribuições de variante são armazenadas no localStorage na primeira visita. Em carregamentos subsequentes de página, a atribuição é lida do cache (sub-1ms) — sem ida e volta ao servidor, sem delay de atribuição, sem flicker em visitas de retorno.
Teste A/B invisível para seus visitantes.
11,5 KB. Renderização sub-30ms. Zero flicker. Zero layout shift. A partir de €149/mês.
Como verificar o impacto de performance da sua ferramenta de teste A/B
Não confie nas alegações do fornecedor — meça você mesmo:
- Execute uma auditoria Lighthouse com e sem o snippet de teste ativo. Compare LCP, CLS, e Total Blocking Time.
- Use a aba Performance do Chrome DevTools para medir o timing de First Paint com o snippet carregando. Procure por delays entre DOMContentLoaded e First Paint.
- Verifique dados CrUX (Chrome User Experience Report) no Search Console após instalar uma ferramenta de teste. Compare Core Web Vitals de 28 dias antes e depois.
- Execute WebPageTest com visualização filmstrip para verificar visualmente por flicker. O filmstrip mostra renderização quadro a quadro — qualquer flash do conteúdo original é imediatamente visível.
Varify consistentemente mostra impacto negligível em todas as quatro medições. Veja preços para testar no seu site.
