Como Prevenir Teste A/B de Slowing Down Your Site

How to Prevent A/B Testing from Slowing Down Your <a href='https://comoatrairclientes.com/builderall-planos-e-precos/' target='_blank' data-recalc-dims=Site" class="wp-image-138312" />

You’ve provavelmente ferramentas usadas como Google Optimize para testes A/B para aumentar as taxas de conversão em seu site.  

Essas ferramentas A/B ajudam a testar sites mostrando-se diferentes variações de tempo e recursos no desenvolvimento de recursos que se revelam impopulares com seus usuários.  

Às vezes, no entanto, os testes A/B podem levar a uma experiência de usuário mais lenta se a página demorar muito tempo para carregar.

Isso acontece com frequência se o conteúdo for sendo testado com muita frequência ou se o código é usado de uma maneira que diminui o site.

Se o seu conteúdo demorar muito tempo para carregar, os usuários podem navegar fora do seu site, aumentando as taxas de bounce e baixando a sua chance de convertê-los.  

Neste blog, nós ’ cobrimos como evitar que testes A/B diminuam o seu site, usando táticas como:

  • certificando-se de que os scripts são implementados diretamente na parte superior da tag head, não usando um gerenciador de tags  
  • implementando a versão assíncrona GTM do Google Optimize 
  • usar animações pode ser usado para evitar experiências de teste de carregar muito lentamente e ser muito disruptivo para a experiência do usuário

Let’s get iniciado.

How Can A/B Testing Slow Down Your Site?

Os testes A/B podem causar uma etapa extra no carregamento e exibindo páginas da web.

Isso acontece porque duas versões de conteúdo estão sendo mostradas aos usuários em momentos aleatórios, coletar dados em qual página realiza melhor.

Tudo isso de volta e adiante a comunicação pode resultar em um atraso no tempo de carregamento da página.

Ele também pode causar um flicker de conteúdo original (FOOC) que exibe por um curto momento antes da página finalizar o carregamento.

O teste A/B diminui o seu site de três maneiras:

  • making o tempo de carregamento do seu site mais lento do que o normal  
  • criando uma experiência de usuário pobre que faz com que os usuários saiam ou os impedisse de visitar novamente mais tarde em  
  • atrasando quaisquer outros eventos, como uma campanha de e-mail, porque ela ’ s demorando mais para páginas para carregar e terminar renderização

O tempo de carregamento da página é uma métrica importante para suas conversões e SEO.

Pesquisa mostrou o primeiros cinco segundos de tempo de carregamento da página tem o maior impacto nas taxas de conversão.

similarmente, 70 dos consumidores dizem que a velocidade da página influencia seu desejo de comprar.

Ultimamente, se você deseja que os usuários fiquem em seu site e compre o seu produtos, você precisa certificar-se de que seu site é rápido.  

site.png" title="How Can A/B Testing Slow Down Your Site" />

Como Prevenir A/B Testes de Slowing Down Your Site

Para evitar que os testes A/B diminuam o seu site, ele ’s importantes para dar passos extras para garantir o seu utilizador experiência não é impactada por esses testes.

De acordo com Backlinko, o media load benchmark é 10,3 seconds no desktop e 27,3 seconds no mobile.

Se você não está atingindo esses marcadores, você pode ter um problema.

Se você ’ re usando o Google Optimize ou outra ferramenta de teste A/B, existem algumas maneiras de evitar que seu site diminua.

Site.png" title="How to Prevent A/B Testing From Desaceleração Down Your Site" />

1. Implementar Scripts no Top of the Head Tag

Ao adicionar scripts de teste A/B em seu site, certifique-se de que eles estão na parte superior da sua tag de cabeçote e não um gerenciador de tags.

Isso é importante porque se você fizer alterações em seu site, os scripts serão sobrescrita.

Um gerenciador de tags é um script externo que carrega no lugar de outros que podem sobrescrevê-los sem aviso e impedir que scripts funcionem adequadamente quando você fizer alterações em seu website.

Se você for usando a versão síncrona do script, então certifica-se de que ele seja colocado após o seu site ’s scripts.  

Isso evitará qualquer problema com atrasos causados por recursos de terceiros em sua página, como as redes de anúncios.  

2. Use Assíncrono Tracking

O Google Optimize tem duas versões: síncrona e assíncrona.  

As versões síncronas impedem qualquer conteúdo de renderização até que ele tenha sido totalmente carregado. Isso pode evitar que seus testes A/B carregem em um tempo razoável.  

As versões assíncronas impedem qualquer conteúdo de renderização até que ele esteja pronto, mas isto não impede que os outros scripts na página sejam executados imediatamente.

A versão assíncrona é recomendada para a maioria dos usuários. Ele carrega em um fio separado do resto do website, por isso não impede que outras tarefas críticas sejam executadas antes de sua execução.

A versão async impedirá certas animações de diminuir suas experiências de teste enquanto ainda permite que outros elementos na página possam jogar.      

Se você usa um gerenciador de tags como Google Tag Manager (GTM), ou outro sistema de gerenciamento JavaScript, ele ’ s importantes estes são implementados de forma assíncrona e não usando o padrão versão do snippet Optimize.    

Não deve haver atrasos no tempo de carregamento da página quando o Google Optimize estiver rodando em seu website. A versão async pode evitar isso por adicionando assíncrona a cada chamada de script assim eles don ’t block render.

Isto é particularmente importante se você don ’t executar quaisquer testes ou se eles são tocados de maneira não interruptiva em todas as páginas.

3. Incorporar Animações para Melhorar UX

Se você estiver usando o Google Optimize, então você também pode usar animações para evitar experiências de teste que podem carregar lentamente e ser muito disruptivas para a experiência do usuário.

Animações podem ser usadas para evitar que testes A/B diminuam o seu site, dando aos usuários algo divertido de se concentrar enquanto esperam por entrega de conteúdo.

Por exemplo, você pode usar animações para manter os usuários engajados antes de um site totalmente carregado, assim.

Site-Incorporar Animações " />

Isto dirá aos usuários que seus conteúdos estão sendo carregados e os impedem de deixar a página.

Lembre-se de sempre concentrar suas animações em um lugar onde seu usuário estará focado.

Uma página de carregamento é um bom exemplo desta ou de uma página em que o usuário estará focado em uma parte específica do design.

Lembre-se de evitar que as animações interrompam outros testes e certifique-se de que elas sejam implementadas corretamente em todas as páginas.

4. Reduza o Tamanho do Snippet

Quando adicionar um trecho em seu site, tente mantê-lo o mais pequeno possível.

Isso evitará que o script diminua em outras partes do seu site, e evite que outros scripts em sua página sejam atrasados ou interrompidos.  

Você pode fazer isso por usando um gerenciador de tags, como o Google Tag Manager (GTM).  

GTM permitirá encurtar o snippet ou incluir o snippet apenas em páginas específicas.  

Tenha em mente que usar um gerenciador de tags não é necessário para o Google Optimize se você quiser apenas adicioná-lo uma vez em toda a sua página ’ s head tags.  

Se preferir embasar o script em cada página diretamente então certifique-se que eles sejam implementados na parte superior da tag de cabeças. 

5. Teste no Server-Side

Ao realizar testes A/B em lados diferentes de servidor, o atraso muitas vezes é muito menos perceptível.  

Por exemplo, você pode ser usando PHP em vez de JavaScript no seu cliente-lado para evitar que o conteúdo carregue lentamente e interrompe os usuários que estão tentando seu novo design de site.  

Usar diferentes lados do servidor funciona porque a versão async impedirá que os navegadores bloqueiem em uma função de callback, o que impediria todos os outros conteúdos de carregar enquanto ele ’ s esperando por código para finalizar a execução.  

O benefício de fazer isso são os testes do lado do servidor impedem os usuários com conexões lentas ou alta latência de ver atrasos ao carregar atrasos ao carregar content.  

Se você puder ’t fazer isso, ele ’s recomendado usar o Google Tag Manager para carregar estes scripts de forma assíncrona então eles correm após renderização de página é completo e don ’t afetar o desempenho.  

Também tenha em mente que ao testar em lados diferentes de servidor, pode ser mais difícil evitar uma experiência de carregamento mais lenta de interromper usuários, uma vez que não há como ligar o JavaScript assíncrono em serviço.  

6. Consolidar e Otimizar Código de Variação

Consolidar e otimizar códigos de variação pode ajudar a evitar que testes A/B diminuam o seu site.  

Códigos de Variação são o código que é usado por Optimize para cada variação.  

Quanto mais complicado seu website, mais variações você precisa criar e mais frequentemente estes testes executam — o que resulta em velocidade de site mais lenta.  

Se muitas mudanças forem aplicada de uma vez em uma página pode evitar que outros scripts sejam executados adequadamente ou até mesmo impedir que a página esteja carregando em tudo.

Isso é prejudicial para sua experiência do usuário e pode evitar que você continue otimizando seu website.    

Por exemplo, se um usuário tiver o JavaScript desligado ou não o tiver ativado eles nunca alcançarão a variação que contém conteúdo otimizado para eles e isso pode configurar otimizações por várias semanas!

É por isso que é tão importante consolidar todos os seus códigos e scripts do Optimize diretamente na tag de cabeçoamento do seu site.

7. Manter Todos os Dados em um Arquivo Único

Seu website está cheio de dados e ativos que precisam carregar antes que a página seja mostrada a um usuário.  

Quando você executar um teste A/B esses ativos e dados precisam ser compartilhados entre as duas experiências, mas também podem causar um monte de problemas se eles não forem cuidadosamente gerenciados.  

Por exemplo, digamos que seu site antigo usou Fonte Awesome para todos os seus ícones e seus novo website usa o Google Fonts como é mais amigável para web. Se o seu site estiver executando um teste A/B, seu antigo site precisará utilizar o mesmo Google Fontes como seu novo.  

Se você não gerenciar isso corretamente ele pode causar um atraso considerável em quão rápido as cargas da página para os usuários por causa de todos esses ativos extras que são carregados em cima um do outro.  

Para evitar que testes A/B diminuam o seu site, mantenha todos os dados em um único arquivo. Isso significa que você evita que a página tenha que fazer vários pedidos de informações.  

Todos os experimentos devem ser armazenados em um único lugar que seja facilmente acessível por todos em sua equipe. Isso pode evitar que muitas questões ocorram, além de tornar muito mais fácil rastrear o progresso e o desempenho de cada teste você está executando.  

Perguntas Frequentes Sobre Prevenção A/B Testes de Slowing Down Your Site

O Google Optimize desacelera o seu site?

O Google Optimize não tem um grande efeito nos tempos de carregamento da página. O que é mais importante é o tempo que leva a sua página para carregar, latência e velocidades de conexão do visitante.

O que você deve fazer após um teste A/B?

Depois de concluir seu teste A/B você deve medir seus resultados e tomar atitudes com base em suas descobertas. Também é recomendado para estrategizar um novo teste A/B para que você continue aprendendo.

Como aumentar minha velocidade de página do Google?

A velocidade da página se resume a muitos fatores, mas otimizar seus testes A/B pode ajudar a evitar que testes diminuam o seu site.

Quando você não deve usar um teste A/B?

Se você faltar tráfego significativo, não tenha tempo ou recursos para se dedicar aos testes, não tenha uma hipótese para testar, ou não precise de mais tráfego, você não deve usar mais tráfego, você não deve usar um teste A/B.

How to Prevent A/B Testing from Slowing Down Your Site: Conclusion

O teste A/B pode ser uma ótima ferramenta para conduzir conversões e é algo que todo proprietário do website deve aproveitar.  

Entendendo como prevenir testes A/B de desaceleração descem seu site, no entanto, é igualmente importante porque as experiências de teste lentas são disruptivas para a experiência do usuário.  

Sites que usam testes A/B efetivamente verão tanto um aumento no tráfego quanto maior insights de público.  

Como você usou o A/B testando para melhorar o desempenho do site?

Consulting with Neil Patel

Veja Como My Agency Can Drive Massive Quantidades of Traffic to Your Website

  • SEO -desbloquear quantidades massivas de tráfego SEO. Veja resultados reais.
  • Marketing de conteúdo -nossa equipe cria conteúdo épico que irá obter compartilhado, obter links e atrair tráfego.
  • Pânico Media -estratégias pagas eficazes com ROI claro.

Book a Call

Fonte: neilpatel.com/blog/prevent-ab-testing-speed