En Hotjar, nos tomamos el rendimiento del sitio muy en serio y hacemos todo lo posible para optimizar todo en 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 al rendimiento de mi sitio?
- ¿Por qué el test Google Page Speed me dice que mi sitio es lento con Hotjar?
¿Cómo afecta Hotjar a la carga de la página?
Tomamos todas las medidas necesarias para garantizar la entrega rápida de nuestro servicio en sus sitios con el menor impacto posible. He aquí cómo:
-
El script se carga de forma asíncrona.
El script Hotjar no detiene la carga de los activos de su sitio porque el script se carga de forma asíncrona.
-
Utilizamos una Red de Distribución de Contenidos (CDN) para servir el script Hotjar.
Un sistema de servidores estratégicamente situados en todo el mundo sirve el script Hotjar en lugar de hacerlo desde una única ubicación. El uso de una CDN permite que el script Hotjar sea cargado más rápidamente por sus usuarios, al tiempo que ofrece una disponibilidad mucho mejor. Actualmente tenemos un promedio de 130 - 200ms globalmente.
-
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 cuando se rastrea a los usuarios. Para ello, aprovechamos al máximo la caché del navegador y cargamos dos archivos independientes que los navegadores vuelven a cargar a intervalos diferentes o cuando se producen cambios.
¿Puede Hotjar afectar al rendimiento de mi sitio web?
Dado que cada fragmento de código JavaScript añadido puede afectar a su sitio web de alguna manera, no podemos garantizar que su sitio web no se vea afectado en modo alguno. Sin embargo, el script Hotjar está diseñado para tener un impacto mínimo en el rendimiento de su sitio. Esto se debe principalmente a que el seguimiento de uso de Hotjar para Recordings y Heatmaps sólo funciona en navegadores modernos, que ejecutan JavaScript de forma eficiente.
En términos de seguimiento de uso, Hotjar hace principalmente dos cosas separadas:
- A intervalos cortos regulares, cada 100 ms o diez veces por segundo, se registran la posición del cursor y la posición de desplazamiento. Los clics se registran cuando se producen, capturando la posición del cursor en relación con el elemento pulsado. Estas funciones no afectan a la experiencia del usuario, ya que sólo capturan la ubicación del puntero cuando se produce un clic o cada 100ms. Los eventos se envían a los servidores Hotjar a través de frames dentro del WebSocket. Este método es más eficiente que enviar peticiones XHR a intervalos regulares.
- Para las Recordings, 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 grabar este cambio que luego analizamos y enviamos a través del WebSocket.
¿Por qué mi test de velocidad de página me dice que mi sitio es lento con Hotjar?
Pruebas como PageSpeed de Google pueden decirle mucho acerca de cómo se carga su página. Reconocemos la importancia de entender y optimizar la carga de la página de esta manera. Es esencial entender lo que estos informes le dicen y lo que es o no es un problema que necesita ser resuelto.
Si necesitamos revisar la velocidad de su página, nuestro equipo de soporte utilizará webpagetest.org. Los informes de webpagetest.org le mostrarán cuándo la página fue interactiva para los usuarios y cuándo se completó la carga del documento. Este es un ejemplo de una página sin el código de Hotjar.
Esta página es interactiva en unos 0,4 segundos y completa la carga en aproximadamente 1 segundo.
A continuación se muestra la misma página con el código de Hotjar añadido:
La página es interactiva en poco más de 0,4 segundos y completa la 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 página utilizable (alrededor de 0,01 segundos) y ha añadido alrededor de 0,3 segundos a la finalización total de la página.
El script de Hotjar se carga de forma asíncrona en dos partes, la primera de las cuales contiene la configuración del sitio. En la imagen de arriba, esto se carga en el paso 3. A continuación, el resto del contenido del sitio se carga en los pasos 4 a 6, antes de que el script de Hotjar reanude la descarga en el paso 7.
Cuando herramientas como Google Page Speed Test miden un sitio con Hotjar instalado, incluyen el tiempo que tarda Hotjar en solicitar todo el lote de módulos a nuestros servidores, y el tiempo que tarda en enviar los datos de vuelta. Esta es una imagen inexacta de la velocidad de su sitio porque su sitio habrá terminado de cargarse y Hotjar sólo está enviando datos analíticos.