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

La velocidad del sitio web influye en las conversiones, el éxito del SEO y el coste de la publicidad PPC. Las agencias de desarrollo pueden, gracias al monitoreo, garantizar a sus 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?

• Incremento del número de conversiones.
• Mejora de posiciones en SEO en Google.
• Reducción de costes en campañas PPC en Google Ads.

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

El que no mide, no acelera. El monitoreo es un paso necesario para comenzar a abordar la velocidad del sitio web:

• Cuando algo falla, el monitoreo te avisa para que te enteres.
• Te proporciona datos para enfocar las optimizaciones y consejos para mejorar.
• Recibes retroalimentación después de implementar cambios.

Las pruebas ocasionales de velocidad en PageSpeed Insights pueden darte la sensación de que todo va sobre ruedas. Pero necesitas un monitoreo continuo de las métricas de velocidad que detecte problemas e informe al respecto.

Medir la velocidad de vez en cuando puede dar la impresión de que todo marcha bien. Pero la verdad es que no suele ser 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 una tasa de conversión más alta significan un cliente más satisfecho y más dinero para el desarrollo.
• Mejor retención de clientes
  La agencia de desarrollo monitorea la velocidad, lo que es otro motivo para mantener la colaboración.
• Colaboración a largo plazo con el cliente
  La agencia de desarrollo monitorea la velocidad, se dedica continuamente al proyecto y lo optimiza. Además, es un trabajo que generalmente disfruta el desarrollador.

¿Cómo evalúan las agencias de desarrollo nuestro monitoreo de velocidad web?

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

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

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 una herramienta para la optimización dirigida.

Gracias a esto, la agencia tiene una visión clara de la velocidad del sitio web y puede proponer mejoras a los clientes en lugar de esperar pasivamente a que se lo pidan.

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 de la manutención y reportes regulares.
• Paquetes de servicios
  Parte de los servicios premium junto con otras optimizaciones.
• Garantía de velocidad
  Si la agencia garantiza el rendimiento del sitio web al cliente, necesita herramientas para monitorearlo.

Con el monitoreo, la agencia se desplaza del papel de proveedor al de socio estratégico, ayudando a los clientes a mantener su sitio web en el máximo rendimiento.

Buscando la causa de la disminución de velocidad mediante el monitoreo PLUS en iRozhlas.cz.

¿Qué es y qué no es el monitoreo de 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 utilizan herramientas que abordan otros problemas. Las más comunes incluyen:

• Sentry – es excelente para rastrear errores en JavaScript y aplicaciones frontend, pero no es ideal para medir la velocidad del sitio web desde la perspectiva del usuario.
• Grafana – es genial para visualizar métricas de backend y servidores (CPU, RAM, latencia API), pero no aborda el frontend ni la experiencia del usuario al cargar la página.
• CrUX Dashboard – proporciona 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 ejecutar pruebas sintéticas simples, pero no se centran principalmente en la velocidad del sitio web.
• Lighthouse en DevTools o PageSpeed Insights – es una prueba de un solo uso para el desarrollo local, pero no proporciona un monitoreo continuo ni comparación de rendimiento a lo largo del tiempo.

La mayoría de estas herramientas resuelven ya sea errores en el código, monitoreo de backend o datos agregados de navegadores. Pero para el monitoreo de velocidad web, necesitas más:

• Monitoreo prolongado de métricas
  ¿Cómo evoluciona el rendimiento a lo largo del tiempo? ¿Cuándo ocurrió una regresión?
• Análisis en profundidad de páginas y problemas específicos
  ¿Cómo difiere la velocidad entre escritorio y móvil? ¿Qué páginas son las más lentas?
• Retroalimentación inmediata
  Cuando implementas una nueva versión del sitio web, ¿sabes si se ralentizó o aceleró?

El monitoreo de velocidad de PageSpeed.ONE llena precisamente estos vacíos.

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

Nuestro monitoreo surgió directamente de la práctica: se basa en consultas con clientes y colaboración con agencias de desarrollo y marketing. Gracias a esto, proporciona datos que tienen un valor real para la optimización de velocidad del sitio web.

Veamos ahora qué te ofrece nuestra herramienta.

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

En la imagen se muestra el panel del cliente con dos pruebas.

La administración de equipos y clientes está entonces "incluida" en la solución, pero, por supuesto, no es la parte principal de la aplicación. Esa es la prueba en sí, sus resultados y también los informes regulares.

El guardián, notificaciones e informes regulares te mantienen al tanto#

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 sobre qué hay de nuevo en el área de rendimiento (1), también el estado de los sitios web del cliente (2) y el desarrollo de métricas.

El Guardián será de gran ayuda para tus desarrolladores, monitoreando pruebas sintéticas diarias:

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

En caso de que algo salga mal (o mejore), tú, tus gestores de proyectos o desarrolladores recibirán una notificación por correo electrónico, Slack o Teams:

Notificación del Guardián en Teams.

Datos técnicos detallados para ajustes finos#

Tus desarrolladores apreciarán los reportes técnicos detallados que facilitan encontrar errores u oportunidades de optimización.

El reporte Páginas muestra el desarrollo de métricas para las páginas tipo medidas, por lo que fácilmente identificarás qué parte del sitio está fallando:

Estado detallado de las métricas y su evolución para páginas de entrada importantes en el sitio, como lo muestra el reporte Páginas.

El reporte Técnico además muestra para cada página indicadores técnicos, como el volumen de datos de cada elemento, que pueden estar detrás del deterioro de las métricas:

Los indicadores técnicos, como el volumen total de datos, a menudo muestran qué está detrás del deterioro de las métricas y la experiencia del usuario.

El detalle de la ejecución de la prueba ofrece a los desarrolladores un mayor detalle en forma de un reporte completo de la herramienta Lighthouse o reportes de perfilado que se pueden abrir en Chrome Devtools:

Los geeks de rendimiento web pueden en los resultados de la prueba descargar también el Trace o HAR para usar en Chrome Developer Tools.

El reporte de Oportunidades es el lugar principal donde mostramos tareas que pueden ayudar con la 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 más características preparadas basadas en nuestra experiencia. Una de ellas es la capacidad de agregar notas a los gráficos, lo que te permite marcar implementaciones importantes de novedades en el sitio:

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

Los datos del monitoreo pueden exportarse o conectarse a paneles personalizados a través de 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 cualquier cantidad de clientes y usuarios.

Hay mucho más. Consulta la documentación del monitoreo, donde continuamente añadimos nuevos artículos.

¿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:

• 220 EUR anuales por un sitio web monitoreado detalladamente (llamado "conjunto de pruebas", que incluye 5 URL synth y 5 dominios CrUX).
• 50 EUR anuales por el suplemento de 5 URL adicionales o 10 dominios para sitios web más grandes.
• Descuentos o comisiones para agencias desde el 10 % por 5 o más conjuntos de pruebas.

Ejemplos de precios:

• Por un cliente con un pequeño e-commerce y dos variaciones de idioma del sitio y dos competidores para monitorear pagarás 220 EUR anuales.
• Por un cliente más grande, donde deseas monitorear 2 sitios web detalladamente, cada uno con 10 URL y en total 20 dominios pagarás 640 EUR anuales ((220 + 2 × 50) × 2).

Encuentra más en el listado de precios.

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

• Visita la página de aterrizaje o el proyecto de muestra.
• Programa 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.