Saltar al contenido principal

Script anti-parpadeo

Última actualización el 24 mar 20262 min de lectura

En resumen​

El anti-flicker script se puede usar para evitar el fenómeno típico de parpadeo durante las pruebas A/B. Este script puede integrarse opcionalmente antes del snippet de código de Varify.io®.

¿Qué es el parpadeo?​

En un test A/B o de redirección, la página web se carga primero sin ningún cambio. Después, la variante modifica la página web. Cuando se muestra la variante, los usuarios pueden experimentar un efecto de «parpadeo».

Este parpadeo de página se puede evitar con un script anti-flicker.

Integrar el Anti Flicker Script​

Código del script anti-flicker​

Puedes copiar el script anti-flicker directamente desde aquí e integrarlo en tu sitio web.

<style>.varify-antiflicker{opacity:0 !important}</style>
<script>(function (n,o, f,l,i,c,k,e,r) {
var z = n.classList;z.add(o);setTimeout(()=>z.remove(o),f)
}(document.documentElement, 'varify-antiflicker', 4000));</script>

¿Dónde debe colocarse el script anti-flicker?​

El script anti-flicker debe integrarse en tu sitio web, igual que el fragmento de código de Varify.io®. Para que el script funcione, debe colocarse por encima del fragmento de código de Varify.io® ya integrado.

Dos bloques de código uno debajo del otro, etiquetados «Anti-Flicker Script» arriba y «Varify.io® Code Snippet» abajo

Ventajas y desventajas del script anti-flicker​

VentajaDesventaja
Sin parpadeo lateral Experiencia de usuario mejorada: Menos distracción del usuario debido al parpadeo Tasa de rebote más baja: Las páginas sin parpadeo tienden a tener una tasa de interacción más altaPosible efecto negativo en los Core Web Vitals: Tiempo de carga extendido del sitio web

Explicación técnica​

El script anti-flicker garantiza que la página permanezca oculta hasta que Varify proporcione una respuesta sobre si se ha reproducido una variante o si se debe reproducir una variante.

Mientras la variación no se haya cargado por completo, el sitio web permanece oculto y el usuario solo ve un fondo blanco.

En cuanto la variante se ha cargado por completo, el script muestra la página cargada.

El ocultamiento suele producirse en cuestión de milisegundos, de modo que normalmente el usuario no nota nada.

El script oculta la página durante un máximo de 4 segundos. Después, el sitio web se muestra, incluso si la variante aún no se ha recuperado por completo del servidor. El valor de 4 segundos también se puede sustituir por un tiempo más largo o más corto en el script.