¿Cómo puedo evitar que las pruebas A / B ralenticen mi sitio web?

Probablemente use herramientas como Google Optimize para pruebas A / B para aumentar las tasas de conversión en su sitio web.

Estas herramientas le permiten probar su contenido mostrando al azar diferentes variaciones de la misma página a los visitantes.

Las pruebas A / B ayudan a evitar que los sitios web pierdan tiempo y recursos en desarrollar funciones que resultan impopulares entre sus usuarios.

Sin embargo, a veces las pruebas A / B pueden provocar una ralentización del usuario si la página se carga durante demasiado tiempo.

Esto sucede a menudo si el contenido se prueba con demasiada frecuencia o si el código se usa de una manera que ralentiza el sitio.

Si su contenido tarda demasiado en cargarse, los usuarios pueden abandonar su sitio, lo que aumenta las tasas de rebote y reduce las posibilidades de conversión.

En este blog, cubriremos cómo evitar que las pruebas A / B ralenticen su sitio mediante el uso de tácticas como:

• asegurándose de que los scripts se implementen directamente en la parte superior de la etiqueta principal y no a través del administrador de etiquetas
• implementación de la versión asincrónica de GTM Google Optimize
• El uso de animaciones se puede utilizar para evitar que las experiencias de prueba se carguen con demasiada lentitud e interrumpan demasiado la experiencia del usuario.

Empecemos.

¿Cómo pueden las pruebas A / B ralentizar el rendimiento de su sitio web?

Las pruebas A / B pueden dar un paso más en la carga y visualización de páginas web.

Esto se debe a que las dos versiones del contenido se muestran a los usuarios en momentos aleatorios, recopilando datos sobre qué página funciona mejor.

Toda esta comunicación en ambas direcciones puede provocar retrasos en la carga de la página.

También puede hacer que el contenido original (FOOC) parpadee durante un breve período de tiempo antes de que la página termine de cargarse.

Las pruebas A / B ralentizan su sitio web de tres maneras:

• hace que el tiempo de carga de su sitio sea más lento de lo habitual
• crear una mala experiencia de usuario que haga que los usuarios se vayan o les impida volver a visitarla en el futuro
• Retrasar cualquier otro evento, como una campaña de correo electrónico, ya que lleva más tiempo cargar y terminar de renderizar las páginas.

El tiempo de carga de la página es un factor importante de conversión y SEO.

La investigación ha demostrado que los primeros cinco segundos del tiempo de carga de la página tienen el mayor impacto en las tasas de conversión.

Asimismo, el 70 por ciento de los consumidores dice que la velocidad de la página influye en su disposición a comprar.

En última instancia, si desea que los usuarios permanezcan en su sitio y compren sus productos, debe asegurarse de que su sitio sea rápido.

¿Cómo puedo evitar que las pruebas A / B ralenticen mi sitio web?

Para evitar que las pruebas A / B ralenticen su sitio, se deben tomar medidas adicionales para garantizar que estas pruebas no afecten la experiencia del usuario.

Según Backlinko, la prueba de carga de página promedio es de 10,3 segundos en computadoras de escritorio y 27,3 segundos en dispositivos móviles.

Si omite estos marcadores, es posible que tenga un problema.

Ya sea que use la Optimización de Google o alguna otra herramienta de prueba A / B, hay varias formas de evitar que su sitio web se ralentice.

1. Implementar los scripts en la etiqueta Top of the Head

Cuando agregue scripts de prueba A / B a su sitio web, asegúrese de que estén en la parte superior de la etiqueta raíz y no en el administrador de etiquetas.

Esto es importante porque si realiza cambios en su sitio, sus secuencias de comandos se sobrescribirán.

El administrador de etiquetas es un script externo que se carga en lugar de otros que pueden reemplazarlos sin previo aviso y evitar que los scripts funcionen correctamente cuando realiza cambios en su sitio.

Si está utilizando la versión síncrona de la secuencia de comandos, asegúrese de que esté ubicada detrás de las secuencias de comandos del sitio.

Esto evitará problemas de latencia causados ​​por recursos de terceros en su sitio, como redes publicitarias.

2. Utilice seguimiento asincrónico

Google Optimization tiene dos versiones: sincrónica y asincrónica.

Las versiones síncronas evitan que el contenido se procese hasta que esté completamente cargado. Esto puede evitar que se carguen las pruebas A / B en un período de tiempo razonable.

Las versiones asincrónicas evitan que el contenido se procese hasta que esté listo, pero esto no impide que otros scripts de la página se ejecuten inmediatamente.

La versión asincrónica se recomienda para la mayoría de los usuarios. Se carga en un hilo separado del resto del sitio, por lo que no evita que se completen otras tareas críticas antes de que se complete.

La versión asincrónica evitará que algunas animaciones de prueba se ralenticen y permita que otros elementos se reproduzcan en la página.

Si está utilizando un administrador de etiquetas como Google Tag Manager (GTM) o algún otro sistema de administración de JavaScript, es importante que se implementen de forma asíncrona y no utilicen la versión estándar del fragmento de optimización.

Con Google Optimizer ejecutándose en su sitio, no debería haber demoras en la carga de la página. La versión asíncrona puede evitar esto agregando asíncrono a cada llamada de secuencia de comandos para que no bloqueen la representación.

Esto es especialmente importante si no está ejecutando pruebas o si las pruebas se están reproduciendo en todas las páginas sin interrupciones.

3. Active las animaciones para mejorar la experiencia de usuario

Si usa la Optimización de Google, también puede usar animaciones para evitar que las pruebas se carguen lentamente e interfieran demasiado con la experiencia del usuario.

Las animaciones se pueden usar para evitar que las pruebas A / B ralenticen su sitio web, dando a los usuarios algo interesante en lo que concentrarse mientras esperan que se entregue el contenido.

Por ejemplo, puede utilizar animaciones para mantener a sus visitantes interesados ​​antes de que su sitio web esté completamente cargado, como aquí.

Esto informará a los usuarios que su contenido se está cargando y evitará que abandonen la página.

Recuerde siempre centrar sus animaciones donde se enfocará su usuario.

Un buen ejemplo es la carga de la página o la página donde el usuario se enfocará en una parte específica del proyecto.

Recuerda que las animaciones no rompen otras pruebas y asegúrate de que estén correctamente implementadas en todas las páginas.

4. Reducir el tamaño del fragmento

Cuando agregue un fragmento a su sitio, intente mantenerlo lo más pequeño posible.

De esta manera, la secuencia de comandos no ralentizará otras partes de su sitio web y otras secuencias de comandos de su sitio web no se retrasarán ni interrumpirán.

Puede hacer esto con un administrador de etiquetas como Google Tag Manager (GTM).

El GTM le permitirá acortar el fragmento o colocar el fragmento solo en determinadas páginas.

Tenga en cuenta que el uso de un administrador de etiquetas no es necesario para la optimización de Google si solo desea agregarlo una vez en todas las etiquetas de encabezado de página.

Si prefiere incrustar el script directamente en cada página, asegúrese de que estén implementados en la parte superior de la etiqueta principal.

5. Prueba en el lado del servidor

Cuando se ejecutan pruebas A / B en diferentes lados del servidor, el retraso suele ser mucho menos notorio.

Por ejemplo, puede usar PHP en lugar de JavaScript del lado del cliente para evitar que el contenido se cargue lentamente y moleste a los usuarios que prueban un nuevo diseño de sitio.

El uso de diferentes páginas de servidor funciona porque la versión asincrónica evita que los navegadores bloqueen la función de devolución de llamada, lo que evitaría que se cargue todo el resto del contenido mientras se espera que finalice el código.

La ventaja de esto es que las pruebas del lado del servidor evitan que los usuarios con conexiones lentas o alta latencia vean retrasos al cargar contenido.

Si no puede hacer esto, le recomendamos que utilice Google Tag Manager para cargar estos scripts de forma asincrónica para que se ejecuten después de que la página haya terminado de renderizarse y no afecten al rendimiento.

También tenga en cuenta que cuando se realizan pruebas en diferentes servidores, puede ser más difícil evitar que los usuarios interrumpan sus cargas de trabajo mediante una carga más lenta porque no hay forma de llamar a JavaScript asíncrono al servicio.

6. Consolide y optimice el código de variante

La consolidación y optimización de sus códigos de variación puede evitar que las pruebas A / B ralenticen el rendimiento de su sitio web.

Los códigos de variante son el código que utiliza Optimize para cada variante.

Cuanto más complejo sea su sitio, más variaciones necesitará crear y más a menudo se ejecutarán estas pruebas, lo que reducirá la velocidad del sitio.

Si se aplican demasiados cambios a una página a la vez, puede evitar que otros scripts funcionen correctamente o incluso evitar que la página se cargue por completo.

Esto es perjudicial para la conveniencia del usuario y puede impedir que se pruebe una mayor optimización del sitio web.

Por ejemplo, si un usuario tiene JavaScript desactivado o no activado, nunca encontrará una variante que contenga contenido optimizado para él, ¡y esto podría retrasar la optimización durante varias semanas!

Por eso es tan importante consolidar todos los códigos de optimización y los scripts directamente en la etiqueta principal de su sitio.

7. Almacene todos los datos en un archivo

Su sitio web está lleno de datos y recursos que deben cargarse antes de que la página se muestre al usuario.

Cuando se ejecuta una prueba A / B, estos recursos y datos deben compartirse entre los dos entornos, pero también pueden causar muchos problemas si no se gestionan con cuidado.

Por ejemplo, digamos que su sitio anterior usa Font Awesome para todos sus íconos, y su nuevo sitio usa fuentes de Google porque es más compatible con la web. Si su sitio está ejecutando una prueba A / B, su sitio anterior deberá usar las mismas fuentes de Google que su sitio nuevo.

Si no se maneja correctamente, puede causar un retraso significativo en la carga de la página para los usuarios debido a que todos los recursos adicionales se cargan uno encima del otro.

Para que las pruebas A / B no ralenticen su sitio web, mantenga todos sus datos en un solo archivo. Esto significa que está evitando que el sitio web envíe múltiples solicitudes de información.

Todos los experimentos deben guardarse en un solo lugar, de fácil acceso para todos los miembros del equipo. Esto puede evitar que se produzcan muchos problemas y facilitar el seguimiento del progreso y el rendimiento de cada prueba que ejecute.

Preguntas frecuentes sobre cómo evitar que las pruebas A / B ralenticen su sitio web

Cómo evitar que las pruebas A / B ralenticen el rendimiento de su sitio web: Conclusiones

Las pruebas A / B pueden ser una gran herramienta para generar conversiones y todos los propietarios de sitios web deberían aprovechar esto.

Sin embargo, comprender cómo evitar que las pruebas A / B ralentice su sitio es tan importante ya que las pruebas lentas interrumpen la experiencia del usuario.

Los sitios que usan las pruebas A / B de manera efectiva verán un aumento en el tráfico y mejores estadísticas de audiencia.

¿Cómo utilizó las pruebas A / B para mejorar el rendimiento del sitio web?

Vea cómo mi agencia puede liderar Masivo La cantidad de tráfico a su sitio web.

• SEO – Desbloquee grandes cantidades de tráfico SEO. Vea resultados reales.
• Marketing de contenidos – nuestro equipo crea contenido épico para compartir, obtener enlaces y atraer tráfico.
• Servicios públicos pagados – Estrategias de pago efectivas con un ROI claro.

Reservar una llamada