Las grabaciones de sesiones funcionan de dos maneras. Algunas herramientas graban vídeo. Capturan píxeles. Graban exactamente lo que ven los visitantes. Otras herramientas graban el DOM. Capturan la estructura del documento. Recrean la página mientras los visitantes interactúan con ella. Ambos métodos graban el comportamiento. Ambos muestran lo que hacen los visitantes. Pero funcionan distinto. La grabación de vídeo es como una cámara. Lo captura todo. La grabación DOM es como un plano. Captura la estructura. Entender la diferencia importa. El vídeo se siente más natural. Miras como si estuvieras sentado detrás del visitante. La grabación DOM es más eficiente. Usa menos datos. Es más rápida. Pero tiene límites. Las webs con mucho JavaScript pueden no grabarse bien con DOM. La grabación de vídeo solo captura píxeles. Funciona en todas partes. Cada método tiene sus compromisos. El vídeo es completo pero pesado. El DOM es eficiente pero limitado. Muchas herramientas usan métodos híbridos. Combinan ambos. Entender la tecnología de grabación te ayuda a elegir herramientas. Te ayuda a saber qué esperar. Te ayuda a confiar en los datos.
Este artículo explica cómo funciona la tecnología de grabación de sesiones.
Cómo funciona la grabación de vídeo
La grabación de vídeo captura los píxeles de la pantalla. Como una cámara de cine apuntando a un monitor. Se graba cada fotograma. Cada interacción aparece en el vídeo. Los visitantes ven exactamente lo que muestra la grabación.
La grabación de vídeo funciona con cualquier web. JavaScript complejo. Renderizado en el servidor. Aplicaciones de una sola página. El vídeo captura lo que aparezca en pantalla. No hace falta nada especial.
La grabación de vídeo genera archivos grandes. Una sesión de cinco minutos puede pesar cincuenta megabytes. Los costes de almacenamiento se acumulan. Los costes de ancho de banda se acumulan. Las herramientas de vídeo necesitan una infraestructura robusta.
La calidad del vídeo varía. Algunas herramientas comprimen mucho. La calidad se degrada. Otras conservan la calidad. Los archivos se disparan. Hay compromisos.
Cómo funciona la grabación DOM
La grabación DOM captura la estructura de la página. HTML. CSS. Estado de JavaScript. En lugar de grabar píxeles, las herramientas graban los cambios de la página. Cuando un visitante se desplaza, la herramienta anota el desplazamiento. Cuando hace clic, la herramienta anota el clic.
La grabación DOM genera archivos pequeños. Una sesión de cinco minutos puede pesar un megabyte. El almacenamiento es barato. El ancho de banda es bajo. Los costes de infraestructura son bajos.
La grabación DOM es eficiente para almacenar y transmitir. Pero es limitada. Si la página usa JavaScript personalizado complejo, la grabación DOM puede perder interacciones. Si la página se renderiza de forma dinámica, el DOM puede no capturar todos los cambios.
La grabación DOM recrea la página. Reproduce la sesión como un vídeo, pero construido a partir de los cambios de la página. La recreación debería coincidir con el original, pero puede tener pequeñas diferencias.
Métodos de grabación híbridos
Muchas herramientas usan métodos híbridos. Graban el DOM por defecto por eficiencia. Cuando la grabación DOM está incompleta, recurren al vídeo. Así combinan los beneficios de ambos.
Los métodos híbridos son inteligentes. La mayoría de las sesiones se graban de forma eficiente con DOM. Las sesiones complejas recurren al vídeo. Los usuarios obtienen calidad cuando hace falta. Los costes se mantienen bajos el resto del tiempo.
Implicaciones de privacidad de cada tipo de grabación
La grabación de vídeo captura todo, incluidos los datos sensibles. Un campo de formulario muestra las pulsaciones de teclas en el vídeo. Una página de pago muestra los números de tarjeta. La protección de la privacidad exige un enmascarado intenso.
La grabación DOM es más respetuosa con la privacidad. La herramienta graba la estructura de la página, no píxeles. Un campo de formulario aparece como un campo de formulario. El valor no se ve salvo que se transmita de forma expresa. La grabación DOM necesita menos enmascarado.
La privacidad importa para el cumplimiento normativo. GDPR. CCPA. Las herramientas respetuosas con la privacidad usan grabación DOM. La grabación de vídeo necesita una configuración cuidadosa para cumplir.
Impacto en el rendimiento de cada método de grabación
La grabación de vídeo tiene un impacto moderado en el rendimiento. El script de grabación captura fotogramas. Se comprime. Se envían los datos. La mayoría de los visitantes no lo nota.
La grabación DOM tiene un impacto mínimo. El script anota los cambios. Se envían pequeñas cantidades de datos. La carga extra es mínima. Los visitantes no notan ningún cambio de rendimiento.
Probar tu web concreta importa. Algunas webs son sensibles a la carga extra. Otras no lo notan. Prueba antes de decidir el método de grabación.
Cómo elegir entre métodos de grabación
Elige según tus necesidades. Grabación de vídeo si necesitas una captura exacta al píxel. Grabación DOM si necesitas eficiencia. Híbrida si quieres ambas.
Piensa en tu web. Las webs sencillas funcionan bien con DOM. Las complejas pueden necesitar vídeo. Piensa en tus necesidades de cumplimiento. Los sectores con mucha exigencia de privacidad deberían preferir DOM.
Preguntas frecuentes
¿Puedo usar grabación DOM en una aplicación de una sola página o necesita vídeo?
La grabación DOM funciona bien con aplicaciones de una sola página. La herramienta sigue los cambios de estado de JavaScript. Graba cuándo se actualiza el DOM. Las interacciones de estas aplicaciones se graban bien con DOM. No hace falta vídeo. De hecho, la grabación DOM es mejor para ellas. Archivos más pequeños. Mejor rendimiento. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.
¿Cuánto más pequeñas son las grabaciones DOM que las de vídeo?
Las grabaciones DOM suelen ser entre 50 y 100 veces más pequeñas que el vídeo. Una sesión de vídeo de cinco minutos puede pesar 50 MB. La misma sesión grabada con DOM puede pesar de 500 KB a 1 MB. La diferencia de tamaño es enorme. El almacenamiento y el ancho de banda cuestan mucho menos con DOM.
Si la grabación DOM recrea la página, ¿alguna vez se ve distinta del original?
A veces. Un JavaScript complejo puede renderizarse distinto en la recreación. Puede que las fuentes personalizadas no carguen. Puede que las animaciones no se reproduzcan igual. La mayoría de las veces la recreación coincide con el original. Pero existen casos límite. La grabación de vídeo evita estos problemas. Graba los píxeles tal cual.
¿Uso vídeo o grabación DOM para cumplir con la privacidad?
La grabación DOM es mejor para la privacidad. Captura menos datos sensibles. La grabación de vídeo captura todo, incluida la información sensible. El vídeo necesita un enmascarado extenso. El DOM necesita un enmascarado mínimo. Para requisitos estrictos de privacidad, el DOM es superior.
¿Puedo cambiar de método de grabación si veo que uno no funciona?
La mayoría de las herramientas permite cambiar la configuración. Puedes empezar con DOM y pasar a vídeo si hace falta. Pero las grabaciones anteriores no cambian. Las sesiones nuevas usarán el método nuevo. El cambio vale hacia adelante, no de forma retroactiva.
¿Qué pasa si la herramienta de grabación falla a mitad de una sesión?
La mayoría de las herramientas tiene respaldos. Si la grabación falla, se reanuda en cuanto es posible. Algunas sesiones pueden quedar parciales. La mayoría de las sesiones completas se graban enteras. Los fallos totales son raros. Las herramientas modernas son fiables.