¿Hotjar ralentiza Shopify? Datos de impacto de velocidad (2026)

1. Los datos sobre el impacto de la velocidad

Let's cut straight to the numbers. According to data from the Proyecto web de terceros (que rastrea millones de sitios web utilizando Google Lighthouse cada cuatro meses), el script de seguimiento de Hotjar tiene un impacto mensurable en el rendimiento de la página:

Ese aumento de 829 ms es significativo. Google recomienda un tiempo total de carga de la página inferior a 2,5 segundos para un buen LCP. En una tienda Shopify típica que ya carga entre 15 y 25 scripts de aplicaciones, agregar Hotjar puede marcar la diferencia entre aprobar o reprobar Core Web Vitals. Si se trata de una tienda lenta, nuestro guía completa de optimización de velocidad covers every fix — from image compression to script deferral.

2. Lo que realmente carga Hotjar en tu tienda

Para entender por qué Hotjar afecta la velocidad, necesitas saber qué carga. Cuando un visitante llega a tu tienda Shopify con Hotjar instalado, esto es lo que sucede:

1. Script de seguimiento inicial (~35KB): El fragmento base de Hotjar se carga desde estático.hotjar.com. Esto es relativamente pequeño pero inicia una cadena de solicitudes adicionales.
2. Módulo de grabación de sesiones (~180KB): Si la grabación de sesiones está habilitada (normalmente lo está), Hotjar descarga su motor de grabación completo. Este es el componente más pesado.
3. Módulo de seguimiento de mapas de calor (~120 KB): Realiza un seguimiento de los movimientos del mouse, los clics y la profundidad de desplazamiento para generar mapas de calor.
4. Widgets de comentarios y encuestas (~80 KB): Si utiliza las encuestas o sondeos de opinión de Hotjar, se cargan JavaScript y CSS adicionales.
5. Conexión WebSocket: Hotjar abre una conexión WebSocket persistente para transmitir datos de grabación de sesiones a sus servidores en tiempo real.
6. Observador de mutación DOM: Registra cada cambio en el DOM de tu página: cada animación, cada elemento dinámico, cada aplicación de Shopify que modifica la página.

La carga útil total puede superar los 470 KB de JavaScript, lo que convierte a Hotjar en una de las herramientas de análisis más pesadas disponibles. A modo de comparación, Google Analytics 4 carga aproximadamente 90 KB y Microsoft Clarity carga aproximadamente 22 KB.

3. Cómo afecta Hotjar a los elementos básicos de la Web

Core Web Vitals son las tres métricas que utiliza Google para evaluar la experiencia del usuario de su página y son una señal de clasificación directa. Así es como Hotjar afecta a cada uno:

The LCP and INP impact are the most concerning for Shopify merchants, because these are already the two metrics most Shopify stores struggle with. Adding Hotjar on top of existing theme and app scripts can tip the balance from "Needs Improvement" to "Poor" in Google Search Console. For a deeper dive into all three metrics, see our Guía de Shopify Core Web Vitals.

4. Con o sin Hotjar: prueba en paralelo

Realizamos una prueba controlada en una tienda Shopify estándar que ejecuta el tema Dawn con 5 aplicaciones comunes (reseñas, ventana emergente de correo electrónico, widget de chat, Facebook Pixel, Google Analytics 4). Aquí están los resultados del antes y el después de agregar Hotjar:

The key takeaway: adding Hotjar pushed LCP from 2.8s (borderline passing) to 3.6s (firmly in "Needs Improvement" territory), and INP went from 180ms (passing) to 260ms (failing). That's the difference between green and orange/red in Google Search Console.

5. Cómo mitigar el impacto de la velocidad de Hotjar

No tienes que elegir entre los conocimientos de Hotjar y la velocidad de tu tienda. A continuación se presentan estrategias comprobadas para minimizar el impacto:

Opción 1: Usar Thunder para diferir Hotjar automáticamente

Opción 2: Aplazar manualmente el script de Hotjar

Si prefiere un enfoque manual, puede retrasar la carga de Hotjar hasta que la página sea interactiva. Reemplace el fragmento estándar de Hotjar con esta versión diferida:

<script>
// Defer Hotjar until user interacts or 5 seconds pass
(function() {
  var loaded = false;
  function loadHotjar() {
    if (loaded) return;
    loaded = true;
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:YOUR_SITE_ID,hjsv:6};
      a=o.getElementsByTagName('head')[0];
      r=o.createElement('script');r.async=1;
      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
      a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  }
  ['scroll','click','touchstart','mousemove'].forEach(function(e) {
    window.addEventListener(e, loadHotjar, {once: true, passive: true});
  });
  setTimeout(loadHotjar, 5000);
})();
</script>

Este enfoque retrasa Hotjar hasta que el usuario se desplaza, hace clic o pasan 5 segundos, lo que ocurra primero. La desventaja: perderá la grabación de los primeros segundos de la sesión para los usuarios que reboten inmediatamente.

Opción 3: Limitar Hotjar a páginas específicas

En lugar de cargar Hotjar en cada página, limítalo a las páginas que estás analizando activamente. En la configuración de Hotjar, puede especificar qué URL rastrear. Esto significa que su página de inicio y sus páginas de productos (las más importantes para el SEO) se mantienen rápidas, mientras usted sigue obteniendo datos sobre las páginas que está optimizando.

Opción 4: Desactivar funciones que no utilizas

Si solo necesita mapas de calor, desactive las grabaciones de sesiones. Si solo necesita grabaciones de sesiones, desactive los widgets de comentarios. Cada característica deshabilitada reduce la carga útil de JavaScript y el trabajo del hilo principal. Consulte el panel de Hotjar en Configuración del sitio para alternar funciones individuales.

6. Alternativas más ligeras a Hotjar

Si el impacto de la velocidad de Hotjar es un factor decisivo, varias alternativas ofrecen una funcionalidad similar con menos gastos generales:

Para la mayoría de los comerciantes de Shopify, Microsoft Clarity es la mejor alternativa : es completamente gratuito, tiene tráfico ilimitado y su script es un 95 % más ligero que el de Hotjar. Incluye mapas de calor, grabaciones de sesiones e incluso información basada en inteligencia artificial a través de la integración de Copilot. Cualquiera que sea la herramienta que elijas, configura monitoreo continuo del desempeño para que puedas captar cualquier regresión de velocidad futura.

Para una comparación completa de todas las opciones, consulte nuestra las mejores herramientas de mapas de calor para Shopify resumen o nuestro detallado Guía de alternativas a Hotjar.

7. Preguntas frecuentes