En Hotjar, tomamos muy en serio el rendimiento del sitio y hacemos todo lo posible para optimizar todo el proceso. En este artículo, cubrimos preguntas comunes sobre Hotjar y el rendimiento del sitio:
- ¿Cómo afecta el script de Hotjar a la carga de la página?
- ¿Puede Hotjar afectar el rendimiento de mi sitio?
- ¿Por qué Google Page Speed me dice que mi sitio es lento con Hotjar?
- Opciones para mejorar el SEO y reducir el impacto potencial en la velocidad del sitio
¿Cómo afecta Hotjar a la carga de la página?
Tomamos todas las medidas necesarias para garantizar la rápida entrega de nuestro servicio en tus sitios con el menor impacto posible. Así es como lo hacemos:
-
El script se carga de forma asíncrona.
El script de Hotjar no detiene la carga de los activos de tu sitio porque se carga de forma asíncrona.
-
Utilizamos una Red de Distribución de Contenidos (CDN) para servir el script de Hotjar.
Un sistema de servidores estratégicamente posicionados alrededor del mundo sirve el script de Hotjar en lugar de hacerlo desde una única ubicación. El uso de un CDN permite que el script de Hotjar se cargue más rápido para tus usuarios y ofrezca una disponibilidad mucho mejor. Actualmente, tenemos un promedio de 130 - 200ms a nivel global.
-
El script hace un uso adecuado de la caché del navegador.
Aunque el script se carga de forma asíncrona, sigue siendo importante cargar y ejecutar el script lo más rápido posible al rastrear a los usuarios. Hacemos esto aprovechando al máximo la caché del navegador y cargando dos archivos separados que se recargan en intervalos diferentes o cuando se modifican.
¿Puede Hotjar afectar el rendimiento de mi sitio?
Dado que cada fragmento de código JavaScript añadido puede afectar de alguna manera a tu sitio, no podemos garantizar que tu sitio no se vea afectado de ninguna manera. Sin embargo, el script de Hotjar está diseñado para tener un impacto mínimo en el rendimiento de tu sitio. Principalmente porque el seguimiento de uso de Hotjar para Grabaciones y Mapas de calor solo funciona en navegadores modernos, que ejecutan JavaScript de manera eficiente.
En cuanto al seguimiento de uso, Hotjar hace principalmente dos cosas separadas:
- Cada 100ms o diez veces por segundo, se registran la posición del cursor y la posición de desplazamiento. Los clics se registran cuando ocurren, capturando la posición del cursor en relación al elemento clicado. Estas funciones no afectan la experiencia del usuario, ya que solo capturan la ubicación del puntero cuando se produce un clic o cada 100ms. Los eventos se envían a los servidores de Hotjar a través de frames dentro del WebSocket. Este método es más eficiente que enviar solicitudes XHR a intervalos regulares.
- Para las Grabaciones, los cambios en la página se capturan utilizando la API MutationObserver, que ya está incluida en todos los navegadores modernos. Esto lo hace eficiente, ya que el cambio en sí ya está ocurriendo en la página. La API MutationObserver del navegador nos permite registrar este cambio, que luego analizamos y enviamos a través del WebSocket.
¿Por qué mi prueba de velocidad de página me dice que mi sitio es lento con Hotjar?
Pruebas como PageSpeed de Google pueden decirte mucho sobre cómo se carga tu página. Reconocemos la importancia de comprender y optimizar la carga de la página de esta manera. Es esencial entender lo que estos informes te dicen y qué es o no es un problema que debe resolverse.
Si necesitamos revisar la velocidad de tu página, nuestro equipo de soporte utilizará webpagetest.org. Los informes de webpagetest.org te mostrarán cuándo la página fue interactiva para los usuarios y cuándo se completó la carga del documento. Aquí tienes un ejemplo de una página sin el código de seguimiento de Hotjar.
Esta página es interactiva alrededor de los 0.4 segundos y completa su carga en aproximadamente 1 segundo.
A continuación, se muestra la misma página con el Código de Seguimiento de Hotjar añadido:
La página es interactiva en poco más de 0.4 segundos y completa su carga en poco menos de 1.3 segundos. En este caso, podemos ver que la inicialización de Hotjar ha tenido un impacto mínimo en la usabilidad de la página (alrededor de 0.01 segundos) y ha añadido aproximadamente 0.3 segundos a la carga total de la página.
El script de Hotjar se carga de forma asíncrona en dos partes, siendo la primera parte la configuración para tu sitio. En la imagen anterior, esto se carga en el paso 3. El resto del contenido del sitio se carga a través de los pasos 4-6, antes de que el script de Hotjar continúe descargándose en el paso 7.
Cuando herramientas como Google Page Speed Test miden un sitio con Hotjar instalado, incluyen el tiempo que Hotjar tarda en solicitar el lote completo de módulos de nuestros servidores, y el momento en que comenzamos a enviar datos de vuelta. Esta es una imagen inexacta de la velocidad de tu sitio porque tu sitio ya habrá terminado de cargar y Hotjar solo está enviando datos analíticos.
Opciones para mejorar el SEO y reducir el impacto potencial en la velocidad del sitio
Una forma de reducir cualquier impacto potencial que Hotjar pueda tener en tu puntuación de SEO y velocidad del sitio es retrasar la carga de Hotjar. Puedes hacer esto utilizando la función de temporizador de GTM o cargando Hotjar solo una vez que el usuario haya interactuado con la página, como haciendo clic o desplazándose.
Otra opción es cargar Hotjar después de que haya ocurrido el evento "DOM interactivo" en tu sitio web. Este método asegura que la mayor parte del Javascript de una página necesario para los activos críticos esté completo, y Hotjar pueda almacenar en caché el contenido que puede ver sin afectar el rendimiento del sitio.
Estas opciones deben ser evaluadas e implementadas por tus desarrolladores/equipo y no pueden ser implementadas por el Soporte de Hotjar.