Guía

Usuarios reales

Un monitor te dice que el sitio responde. Esto te dice qué tal le fue a quien estaba dentro — con su navegador, su móvil y su red.

Paso a paso

  1. Ve a Usuarios reales y pulsa + Nueva aplicación. Una aplicación por sitio, no por página.
  2. Nombre: el que usarías al hablar de él. Orígenes permitidos es la lista de dominios que pueden reportar, separados por comas; si la dejas vacía se acepta cualquier origen.
  3. Objetivo LCP y objetivo INP son lo que significa «bien» en tu sitio. 2500 ms y 200 ms son los umbrales estándar: déjalos así salvo que tengas un motivo.
  4. Pulsa Crear aplicación, ábrela y ve a Instalación. Ahí está la etiqueta con tu clave ya puesta — copia esa, no la de aquí abajo.
  5. Pégala antes de </body> en todas las páginas del sitio. Carga diferida, ocupa menos de 3 KB y envía cuando la página se está dejando, así que nunca está en el camino crítico.
  6. La primera visita aparece en menos de un minuto. Hasta que llegue, la aplicación lo dice en vez de enseñarte una gráfica vacía.

Lo que pegas

Pegar antes de </body>
<script async src="https://hopmango.com/rum/rum.min.js"
        data-key="hmr_your_ingest_key"
        data-endpoint="https://api.hopmango.com/v1/rum/ingest"
        data-control="https://api.hopmango.com/rum/control/ping"></script>

La clave de data-key es pública a propósito: viaja en el código de tu página y solo sirve para escribir métricas de esta aplicación. data-control mide la latencia de referencia de la conexión de cada visitante, que es lo que distingue «el sitio se ha vuelto más lento» de «hoy los visitantes tenían peor red». No la quites nunca.

Los cinco números

  • LCP · Carga. Cuándo está en pantalla el contenido principal. Bien con 2500 ms o menos.
  • INP · Respuesta. Cuánto tarda un toque o un clic en dar señales de vida. Bien con 200 ms o menos.
  • CLS · Estabilidad visual. Cuánto salta la página mientras carga. Bien con 0,1 o menos.
  • TTFB · Respuesta del servidor. Servidor y red antes de que llegue el primer byte. Bien con 800 ms o menos.
  • FCP · Primer pintado. Cuándo se pinta algo, lo que sea. Bien con 1800 ms o menos.

Dónde salen los números

La página de la aplicación abre con una frase — tu sitio carga rápido para la mayoría, o no lo hace y aquí está el país o la página que va lenta — y debajo los cinco números en el visitante típico (p75): tres de cada cuatro visitas fueron más rápidas que eso. No hay medias: un móvil malo en un tren arrastra la media hasta un número que no vivió nadie.

Más abajo, los mismos números en evolución, por página, por país, y los errores de JavaScript con los que se topan tus visitantes, por cada mil visitas. Con menos de veinte visitas en la ventana no se puntúa nada: pone pocas visitas para valorar, que es una respuesta honesta, y un aprobado sacado de tres muestras no lo es.

Lo que no recogemos nunca, y cuánto se cuenta

Ni cookies, ni identificadores, ni nada que siga a una persona entre sesiones: la dirección del visitante se trunca antes de guardar nada y de ella solo queda el país, del navegador queda la familia y el tipo de dispositivo, y las rutas se normalizan tirando la query. Así viene de fábrica, y por eso la etiqueta no necesita banner de consentimiento — si prefieres que espere al tuyo, el interruptor está en Instalación.

Las páginas vistas se cuentan por mes UTC y sin bots: 10.000 en Free, 250.000 en Team y 2.000.000 en Business. Pasado el tope se deja de registrar visitas hasta que el mes se reinicia, y la pantalla lo dice con las que no registró.

Lo que más se falla

Pegar la etiqueta solo en la portada. La página por la que se entra casi nunca es la que va lenta — lo son el carrito, el buscador y la ficha de producto —, y un sitio medido en la puerta da números ciertos e inútiles. La otra mitad del mismo error es quitar data-control de la etiqueta para ahorrarse una petición: a partir de ahí los percentiles de dos semanas distintas dejan de ser comparables, y nadie te avisa.

Por dónde seguir

Y ahora, convertir un número en algo que despierte a alguien, y decidir adónde va.