Solución de problemas de Klaviyo.js y reportes de velocidad del sitio
Objetivos del artículo
Conoce el JavaScript onsite de Klaviyo (Klaviyo.js), que es el fragmento de código que pegas en tu sitio para habilitar el seguimiento de con actividad en el sitio y su impacto en la velocidad del sitio. Es necesario instalar Klaviyo.js para poder publicar formularios de registro de Klaviyo en tu sitio web.
Para obtener ayuda para habilitar Con actividad en el sitio a través de tus integraciones, consulta cómo verificar que el formulario de registro esté habilitado.
Soluciona problemas de rendimiento de velocidad del sitio
Klaviyo.js se inserta automáticamente mediante muchas de nuestras integraciones de ecommerce, y puedes instalarlo manualmente en otras plataformas. Permite que aparezcan los formularios de registro de Klaviyo y puede ayudarte a rastrear cuándo los clientes están con actividad en tu sitio.
- Si ves que el JavaScript de Klaviyo está afectando el rendimiento del sitio web (por ejemplo, la puntuación de PageSpeed) y se instaló automáticamente mediante una integración, puedes intentar instalarlo manualmente.
Para Shopify, te recomendamos habilitar el seguimiento de con actividad en el sitio a través de la inserción de la app de Shopify de Klaviyo en lugar de instalarlo manualmente. Esto omite el administrador de etiquetas nativo del sitio web y puede resultar en una carga más rápida del JavaScript de Klaviyo.
- Si no usas los formulario de registro de Klaviyo (es decir, usas otra herramienta para crear y publicar formularios de registro en tu sitio web), asegúrate de que todos los formularios de la pestaña Formularios de registro estén configurados como Borrador. Puedes mantener Klaviyo.js instalado para el seguimiento en el sitio mientras tus formularios estén sin conexión.

Ve a la pestaña Formularios de registro para ver el estado de cada uno de tus formularios de registro. En vivo indica un formulario publicado en el sitio, Editando indica un formulario en vivo que tiene cambios sin publicar y Borrador indica un formulario que actualmente no está publicado en el sitio, incluido un formulario que previamente pusiste fuera de línea.
Para un formulario en vivo sin una prueba A/B con actividad ni optimización:
- En formularios de registro, abre el menú de tres puntos del formulario y selecciona Editar.
- En el menú desplegable de estado del editor, selecciona Borrador. Esto desconecta el formulario; no es necesario publicar el cambio.
- Regresa a formularios de registro y confirma que el estado del formulario sea borrador. Repite este proceso para cada formulario activo que ya no uses.
En un formulario con una prueba A/B con actividad, abre Análisis desde el menú del formulario, ve a Resultados de la prueba A/B y selecciona la prueba A/B con actividad. Haz clic en Elegir ganador, selecciona una variante, elige Finalizar prueba y configurar la variante seleccionada como borrador y luego haz clic en Elegir ganador para confirmar.
Para un formulario que está ejecutando una optimización, abre Análisis desde el menú del formulario y ve a Resultados de la prueba A/B. Selecciona Prueba de optimización y la optimización con actividad, luego selecciona Finalizar prueba en el menú de tres puntos. Elige la variante que quieres conservar y haz clic en Finalizar prueba para confirmar. Esto deja activa la variante seleccionada, así que sigue los pasos anteriores para configurar el formulario como Borrador.
Si un formulario está programado para publicarse más adelante, abre el menú en formulario de registro, selecciona Editar programación y haz clic en Eliminar programación para que se mantenga sin publicar.
Los métodos de instalación estándar de Klaviyo cargan Klaviyo.js de forma asíncrona, para que el navegador pueda seguir cargando la página mientras descarga el script. Aun así, ejecutar el JavaScript usa recursos del navegador y puede afectar el rendimiento de la página. Por lo tanto, PageSpeed información de Google y otros informes de velocidad del sitio pueden marcarlo como un factor que contribuye al tiempo de carga del sitio.
La velocidad del sitio y el SEO son importantes para nuestros clientes, y Klaviyo se compromete a minimizar el impacto de nuestro JavaScript. Descubre cómo nuestros ingenieros han optimizado klaviyo.js. Seguirás viendo mejoras conforme lancemos nuevas actualizaciones para que Klaviyo.js sea más eficiente y mejore los tiempos de carga.
Recursos adicionales
- Getting started with Klaviyo onsite tracking
Learn about the different ways that Klaviyo can support onsite tracking on your ecommerce site. There are 2 key types of onsite tracking:
- Understanding third-party apps
Learn how to find third-party apps, which are apps built by third parties (instead of by Klaviyo) using Klaviyo's APIs. Klaviyo's APIs enable a large variety of third-parties to build apps and integrations with our platform. You can search for both Klaviyo-built integrations and select third-party apps in our app marketplace. If you are looking for an app you can't find on our marketplace, we recommend reaching out to the platform directly.