Monitoreo de velocidad: ¿por qué debería tenerlo cada agencia de desarrollo?

La velocidad del sitio web afecta las conversiones, el éxito del SEO y el costo de los anuncios PPC. Las agencias de desarrollo pueden, gracias al monitoreo, garantizar a los clientes horas regulares para la optimización de velocidad o ofrecer nuevos paquetes de servicios.

En este texto, explicamos por qué el monitoreo de velocidad es interesante para las agencias de desarrollo y qué ofrece nuestro monitoreo de velocidad PLUS.

¿Por qué acelerar y monitorear sitios web?#

¿Cómo ayuda la velocidad del sitio web a tu negocio?

• Aumento del número de conversiones.
• Mejora las posiciones en el SEO de Google.
• Reducción del costo de las campañas PPC en Google Ads.

En un gran sitio web de comercio electrónico, medimos que los usuarios con una velocidad de carga alrededor de un segundo tienen un ratio de conversión 3,5 veces mayor que aquellos con una velocidad de carga alrededor de 2,5 segundos.

Quien no mide, no acelera. El monitoreo es el primer paso necesario para comenzar a tratar la velocidad del sitio web:

• Si algo falla, el monitoreo se asegurará de que te enteres.
• Te proporciona datos para orientar las optimizaciones y sugerencias de mejora.
• Obtendrás retroalimentación después de implementar cambios.

Las pruebas ocasionales de velocidad en PageSpeed Insights pueden darte la impresión de que todo va sobre ruedas. Pero, francamente, necesitas un monitoreo continuo de las métricas de velocidad que capture problemas e informe de ellos.

Medir la velocidad de vez en cuando puede dar la impresión de que todo va como la seda. Pero rara vez es así.

¿Cómo ayuda el tema de la velocidad a las agencias de desarrollo?#

Colaboramos con empresas como PragueBest, SUPERKODERS, PeckaDesign o Programia y vemos que el monitoreo de velocidad les ayuda a atender mejor a sus clientes:

• Velocidad como mejora del negocio del cliente
  Un sitio web más rápido y un mayor ratio de conversión significa un cliente más satisfecho y más dinero para desarrollo.
• Mejor retención de clientes
  La agencia de desarrollo monitoriza la velocidad, así que hay otra razón para mantener la colaboración.
• Colaboración a largo plazo con el cliente
  La agencia de desarrollo monitoriza la velocidad, se dedica continuamente al proyecto y lo optimiza. Además, es un trabajo que generalmente los desarrolladores disfrutan.

¿Cómo valoran las agencias de desarrollo nuestro monitoreo de velocidad web?

«Apreciamos la posibilidad de controlar datos a diario y las notificaciones por correo electrónico en PageSpeed.ONE PLUS. Nos ha sido útil marcar cambios en la herramienta y seguir su impacto.»
— Eduard Beneš, PragueBest

¿Por qué debería la agencia pagar por el monitoreo directamente?#

Cuando la agencia paga el monitoreo por sí misma, tiene control total sobre él. Ve todos los datos, puede reaccionar rápidamente a los cambios y utilizar el monitoreo como herramienta para una optimización dirigida.

Gracias a esto, la agencia tiene una visión general de la velocidad del sitio web y puede proponer mejoras a los clientes en lugar de esperar pasivamente a las solicitudes.

Ventaja para la agencia al negociar contratos#

El monitoreo se puede incluir fácilmente en los contratos de mantenimiento del sitio web:

• SLA y mantenimiento
  Monitoreo como parte del mantenimiento y la elaboración de informes regulares.
• Paquetes de servicios
  Parte de servicios premium junto con otras optimizaciones.
• Garantía de velocidad
  Si la agencia garantiza al cliente el rendimiento del sitio web, necesita herramientas para su seguimiento.

Con el monitoreo, la agencia pasa de ser un proveedor a un socio estratégico que ayuda a los clientes a mantener el sitio web en el máximo rendimiento.

Buscar la causa de la disminución de la velocidad con el monitoreo PLUS en iRozhlas.cz.

¿Qué es y qué no es el monitoreo de la velocidad web?#

Hoy en día, hay una gran cantidad de herramientas en el mercado y las agencias de desarrollo a veces confunden diferentes tipos de monitoreo. Vemos que usan herramientas que solucionan otros problemas. Los más comunes son:

• Sentry – es excelente para monitorear errores en JavaScript y aplicaciones frontend, pero no es ideal para medir la velocidad web desde la perspectiva del usuario.
• Grafana – ideal para la visualización de métricas de backend y servidores (CPU, RAM, latencia de API), pero no aborda el frontend ni la experiencia real del usuario al cargar la página.
• CrUX Dashboard – ofrece datos agregados de usuarios reales del Chrome UX Report, pero carece de una visión diaria y un análisis más profundo de problemas específicos.
• Pingdom/UptimeRobot – monitorean principalmente la disponibilidad del servidor y pueden realizar pruebas sintéticas simples, pero no se enfocan principalmente en la velocidad web.
• Lighthouse en DevTools o PageSpeed Insights – prueba única para el desarrollo local, pero no proporciona un seguimiento continuo y comparación del rendimiento en el tiempo.

La mayoría de estas herramientas abordan errores de código, monitoreo de backend o datos agregados de navegadores. Pero para monitorear la velocidad web necesitas algo más:

• Seguimiento prolongado de métricas
  ¿Cómo evoluciona el rendimiento en el tiempo? ¿Cuándo ocurrió un retroceso?
• Análisis profundo de páginas específicas y problemas
  ¿Cómo difiere la velocidad entre escritorio y móvil? ¿Cuáles páginas son las más lentas? 
• Retroalimentación inmediata
  Cuando implementas una nueva versión del sitio, ¿sabes si ha ralentizado o acelerado?

El monitoreo de velocidad de PageSpeed.ONE llena precisamente estas lagunas.

¿Qué ofrece el monitoreo PLUS de PageSpeed.ONE a las agencias de desarrollo?#

Nuestro monitoreo surgió directamente de la práctica, basado en consultas con clientes y colaboración con agencias de desarrollo y marketing. Por eso proporciona datos que realmente tienen valor para optimizar la velocidad web.

Ahora echemos un vistazo juntos a lo que nuestra herramienta te ofrece.

Para cada cliente ves un panel con los propios conjuntos de pruebas y métricas de velocidad:

En la imagen ves el panel del cliente con dos pruebas.

La gestión de equipos y clientes está "incluida" en la solución, pero no es, por supuesto, la parte principal de la aplicación. Eso es el propio testeo, sus resultados y también los informes regulares.

El vigilante, las notificaciones y los informes regulares te mantienen informado#

Cada mes recibirás un resumen de lo más importante para cada cliente:

En los informes mensuales recibirás, además de un resumen de novedades en el área de rendimiento (1) también el estado de los sitios web del cliente (2) y la evolución de las métricas.

Tendrá un gran valor para tus desarrolladores el Vigilante, que monitorea pruebas sintéticas diarias:

El Vigilante envía notificaciones si una métrica importante se mueve en una dirección positiva o negativa durante tres días o más.

En caso de que algo falle (o mejore), recibirás tú, tus gerentes de proyecto o desarrolladores un mensaje por correo electrónico, Slack o Teams:

Notificación del Vigilante en Teams.

Datos técnicos detallados para necesidades de ajuste fino#

Tus desarrolladores apreciarán los informes técnicos detallados, que facilitan la búsqueda de errores u oportunidades de optimización.

El informe Páginas muestra la evolución de las métricas para las páginas tipo medidas, por lo que es fácil identificar qué parte del sitio está fallando:

Estado detallado de las métricas y su evolución para páginas de entrada importantes en una tienda online, tal como lo muestra el informe Páginas.

El informe Técnico además muestra para cada página indicadores técnicos, como el volumen de datos de cada elemento, que pueden ser responsables de la degradación de las métricas:

Indicadores técnicos, como el volumen total de datos, a menudo muestran qué está detrás de la degradación de las métricas y la experiencia del usuario.

El Detalle de ejecución de prueba muestra a los desarrolladores aún más detalle en forma de un informe completo de la herramienta Lighthouse o informes de perfilado, que pueden abrirse en Chrome DevTools:

Los entusiastas de la performance web pueden descargar incluso un Trace o HAR en los resultados de la prueba para usar en Chrome Developer Tools.

El informe Oportunidades es el lugar principal donde mostramos tareas que pueden ayudar con la propia optimización de velocidad:

¿Cuál es el estado de las métricas para páginas tipo específicas y qué podemos mejorar en ellas? 

En el monitoreo PLUS, sin embargo, los desarrolladores encontrarán muchas otras funcionalidades, preparadas en base a nuestra experiencia. Una de ellas es la posibilidad de añadir notas a los gráficos, que te permiten marcar implementaciones importantes de novedades en el sitio:

También añadimos notas automáticamente, por ejemplo, cuando se cambia la configuración de URL en la prueba o se modifica algo en la infraestructura de pruebas.

Puedes exportar los datos del monitoreo o conectarlos a tus propios paneles de control a través de una API pública. Para un equipo externo o agencia, se puede crear una clave solo de lectura.

Por supuesto, en el monitoreo de PageSpeed.ONE puedes contar con una cantidad ilimitada de clientes y usuarios.

Hay mucho más. Consulta la documentación del monitoreo, donde vamos agregando nuevos artículos progresivamente.

¿Cómo acceder al monitoreo PLUS?#

Los precios del monitoreo de velocidad de PageSpeed.ONE son actualmente más bajos que los de herramientas similares:

• 5 400 CZK al año por un sitio web monitorizado detalladamente (conjunto de pruebas, que incluye 5 URL synth y 5 dominios CrUX).
• 1 200 CZK al año extra por 5 URL adicionales o 10 dominios en sitios web más grandes.
• Descuentos o comisiones para agencias del 10 % por 5 o más conjuntos de pruebas.

Ejemplos de precios:

• Para un cliente con una tienda online pequeña y dos versiones de idioma del sitio web y dos competidores a seguir, pagarás 5 400 CZK al año.
• Para un cliente más grande, donde deseas monitorear 2 sitios web detalladamente, cada uno con 10 URL y un total de 20 dominios, pagarás 15 600 CZK al año ((5400 + 2 _ 1200) _ 2). 

Más información en la lista de precios.

¿Estás interesado o quieres hablar más sobre el monitoreo de velocidad?

• Visita la página de destino o el proyecto de demostración.
• Agenda una demostración del monitoreo.

En caso de interés serio, proporcionamos a las agencias un trial de dos meses.

Prueba el monitoreo en tu propio proyecto y verás lo fácilmente que se integra en tu flujo de trabajo.

…o simplemente ordena el monitoreo PLUS.