Todos los sitios web deberían cargarse lo más rápido posible. Sin embargo, conseguir un gran rendimiento del sitio requiere que estés al tanto de todo en todo momento. Eso significa controlar el rendimiento del sitio, hacer cambios para mejorarlo y asegurarte de que cada página ofrece la mejor experiencia de usuario posible.

WebPageTest puede ayudarte con esto. Con esta herramienta, puedes realizar pruebas de velocidad para cualquier página de tu sitio. Los informes de las pruebas incluyen información sobre qué cambios puedes hacer para mejorar el rendimiento, así como datos históricos para ver si tu sitio va mejor o peor que antes. Toda esa información está disponible de forma gratuita.

En este artículo, examinaremos más de cerca WebPageTest y cómo puedes beneficiarte de él. También te mostraremos cómo realizar pruebas e interpretar los resultados, discutiremos los pros y los contras de utilizar la herramienta y hablaremos de los precios. ¡Manos a la obra!

¿Qué es WebPageTest?

WebPageTest es una potente herramienta de código abierto diseñada para ayudar a los propietarios y desarrolladores de sitios web a controlar y optimizar el rendimiento de sus sitios web:

Página de inicio de WebPageTest
WebPageTest

Proporciona un análisis exhaustivo que incluye los tiempos de carga, la velocidad de renderizado y el uso de la red. También obtendrás un desglose detallado de los elementos individuales de la página, lo que te permitirá identificar cuellos de botella y áreas de mejora.

Lanzado en 2008, WebPageTest es uno de los servicios de pruebas de rendimiento para sitios web más antiguos. Al principio, servía como herramienta de pruebas internas dentro de AOL (sí, es así de antiguo).

Poco después, WebPageTest se publicó bajo una licencia de código abierto. En 2011, se lanzó el sitio web del servicio.

Desde entonces, ha ampliado su colección de herramientas. Ahora, también ofrece pruebas para móviles y una API que te permite integrar las pruebas en tus propios proyectos.

Características Principales de WebPageTest:

  • Pruebas simuladas desde diferentes lugares del mundo
  • Compatibilidad con diversos navegadores, como Chrome, Firefox y Safari
  • Análisis de la renderización de la página web y del proceso de carga, incluidos gráficos de cascada y tiras de película
  • Ajustes de prueba personalizables, como la velocidad de conexión y la resolución de pantalla
  • Métricas avanzadas, incluyendo Speed Index (Índice de Velocidad), Time to First Byte (TTFB o Tiempo hasta el Primer Byte) y First Contentful Paint (FCP o Primera Pintura con Contenido).

Puedes utilizar WebPageTest gratuitamente. El servicio ofrece un nivel gratuito que te permite ejecutar cientos de pruebas al mes y obtener resultados detallados.

Por Qué Deberías Utilizar WebPageTest

Hay muchos servicios de rendimiento de sitios web disponibles. Muchos de ellos son gratuitos y los datos que obtengas dependerán en gran medida del servicio que utilices.

Sin embargo, WebPageTest ofrece muchas más ventajas que las herramientas normales. Veamos algunas de ellas:

  • Identificar problemas de rendimiento. WebPageTest te ayuda a detectar posibles cuellos de botella y áreas de mejora, lo que te permite realizar optimizaciones específicas en tu sitio web.
  • Mejora la experiencia del usuario. Los sitios web que se cargan más rápido proporcionan una mejor experiencia al usuario, lo que puede aumentar la participación de los visitantes y las conversiones. Puede que los visitantes no noten si tu sitio se carga rápido, pero sí si es lento.
  • Mejora el posicionamiento en los motores de búsqueda. La velocidad del sitio es un factor de posicionamiento para los motores de búsqueda como Google, y los sitios web más rápidos tienden a aparecer mejor posicionados en los resultados de las búsquedas.
  • Controla el rendimiento a lo largo del tiempo. Las pruebas regulares con WebPageTest te permiten seguir las tendencias de rendimiento e identificar cualquier regresión antes de que se convierta en un problema grave. Puedes controlar los datos de rendimiento de más de un año con el plan gratuito, que es más que suficiente para detectar tendencias.

Además, WebPageTest presenta los resultados de forma clara. Esto es increíblemente valioso si eres nuevo en el mundo de las pruebas de rendimiento y la optimización:

Resúmenes de rendimiento de WebPageTest
Resúmenes de rendimiento de WebPageTest

Además de estos breves resúmenes, obtendrás algunas cifras concretas relacionadas con el rendimiento de tu sitio. En la siguiente sección, te mostraremos cómo interpretar estos resultados.

Creemos que todo el mundo debería utilizar herramientas de comprobación y supervisión del rendimiento de las páginas. Esto es especialmente importante si realizas grandes cambios en tu sitio, como actualizaciones de diseño y funcionalidad o la migración a un nuevo alojamiento. Realizar pruebas periódicas junto con otras estrategias de optimización, como utilizar una Red de Entrega de Contenidos (CDN), te ayudará a mantener tu sitio en plena forma.

Cómo Utilizar WebPageTest

Realizar una prueba con WebPageTest es muy sencillo. Para empezar, tendrás que registrarte para obtener una cuenta gratuita, que no requiere que introduzcas información de pago.

Una vez que hayas iniciado sesión, vuelve a la página de inicio y busca la opción Iniciar una prueba de rendimiento del sitio. Introduce la URL de la página que quieres probar y selecciona una configuración:

Iniciar una prueba en WebPageTest
Iniciar una prueba en WebPageTest

Para obtener los resultados más completos, te recomendamos que realices pruebas tanto para móviles como para ordenadores de sobremesa. Además, te conviene utilizar la ubicación de la prueba que esté más cerca del servidor de tu sitio, para que los resultados no estén sesgados por la distancia.

Si ninguna de las ubicaciones predeterminadas funciona para tu prueba, selecciona la opción Configuración avanzada. Esto te permitirá elegir entre otras ubicaciones de prueba e introducir parámetros avanzados:

Configuración de los ajustes en WebPageTest
Configura tus ajustes

Cuando estés satisfecho con las configuraciones, haz clic en Iniciar prueba. Los resultados tardarán unos segundos en generarse y, una vez lo hayan hecho, tendrás acceso a un informe detallado del rendimiento.

Cómo Interpretar los Resultados de WebPageTest

Uno de los mayores problemas de herramientas como WebPageTest es que te arrojan mucha información después de ejecutar una prueba. Esto no es un problema si sabes en qué métricas centrarte. Sin embargo, puede resultar intimidante si es la primera vez que utilizas el servicio.

A la hora de interpretar los resultados, te sugerimos que te centres en tres áreas clave de los informes de WebPageTest. La primera es la sección Resumen de Rendimiento, que ofrece una visión general de los resultados de tu sitio. Te mostrará en qué punto se encuentra tu sitio en términos de rendimiento, usabilidad y resistencia:

Sección de Oportunidades y Experimentos en WebPageTest
Oportunidades y experimentos

Puedes hacer clic en los iconos que hay debajo de cada categoría para ver más información. Cada categoría incluirá detalles sobre los elementos que se probaron y los resultados. Si hay algún problema con el sitio, el informe mencionará qué elemento lo causó y proporcionará recomendaciones sobre cómo solucionarlo:

Largest Contentful Paint (Pintura del Contenido Más Grande)
Largest Contentful Paint (Pintura del Contenido Más Grande)

Cuando vuelvas a la página principal del informe, desplázate hacia abajo hasta la sección Métricas de Rendimiento de la Página. Aquí encontrarás varias métricas que te muestran cuánto tarda tu sitio en cargarse y ser funcional:

Métricas de rendimiento de la página en WebPageTest
Métricas de rendimiento de la página

Si no estás seguro de lo que significa cada una de estas métricas, aquí tienes un rápido desglose:

  • Time to First Byte (TTFB o Tiempo hasta el Primer Byte). Esta métrica mide el tiempo que tarda el sitio en responder a la solicitud inicial del navegador. Los servidores lentos pueden tardar en responder, lo que aumenta el tiempo total de carga del sitio.
  • Start render (Inicio de renderizado). Indica el tiempo que tarda la página en empezar a mostrar los elementos visuales. El sitio puede estar cargándose en segundo plano, pero hasta que los usuarios no vean algo, es posible que no sepan si la página funciona correctamente.
  • First Contentful Paint (FCP o Primera Pintura con Contenido): Es el tiempo que tarda el navegador en renderizar la primera pieza de contenido de la página. Un FCP más bajo indica un sitio que carga más rápido.
  • Speed Index (Índice de Velocidad). Una puntuación compuesta que representa la rapidez con la que el contenido de la página es visible para los usuarios. Cuanto menor sea la puntuación, mejor.
  • Largest Contentful Paint (LCP). Esta métrica indica el tiempo que se tarda en renderizar el elemento más grande de una página. Suele ser un buen indicador del tiempo de carga global de la página.
  • Cumulative Layout Shift (CLS ó Desplazamiento Acumulativo de la Disposición). Esta puntuación te indica cuánto se «desplaza» o cambia el diseño de una página mientras se carga. Cuanto más se desplace, peor será la experiencia del usuario. El número al que debe aspirar es cero.
  • Total blocking time (Tiempo total de bloqueo). Con esta métrica, puedes ver cuánto tarda la página en volverse utilizable. Puede que haya terminado de renderizarse visualmente, pero la página puede estar cargando scripts en segundo plano, lo que impide a los visitantes utilizarla.

A continuación, la sección Métricas de Uso en el Mundo Real muestra una visión general de las mismas métricas comparadas con datos de pruebas recientes de otros usuarios (si están disponibles). Para obtener una imagen completa del rendimiento de tu sitio, te sugerimos que compares estas métricas con la sección anterior Métricas de Rendimiento de la Página.

Lo ideal es que los resultados de esta última sean similares o mejores:

Métricas de uso real en WebPageTest
Métricas de uso en el mundo real

Por último, te recomendamos que revises el gráfico de cascada, que muestra el proceso de carga de cada elemento de la página. Esto puede ayudarte a identificar recursos específicos que están causando retrasos o que podrían optimizarse para un mejor rendimiento.

Una vez identificadas las áreas de mejora, puedes realizar cambios específicos en tu sitio web, como optimizar las imágenes, minificar los archivos CSS y JavaScript o implementar el almacenamiento en caché.

¿Deberías Utilizar WebPageTest para Tu Negocio?

Si tienes un sitio web, deberás realizar pruebas de rendimiento periódicas para asegurarte de que ofrece una buena experiencia al usuario. Puedes utilizar la herramienta de rendimiento que prefieras, pero veamos las razones por las que recomendamos WebPageTest.

Para tener una visión completa, también hablaremos de los contras de utilizar el servicio.

Ventajas de WebPageTest

  • Analíticas exhaustivas. WebPageTest proporciona información detallada sobre el rendimiento de tu sitio web, lo que facilita la identificación de áreas de mejora.
  • Pruebas personalizables. La herramienta admite una gran variedad de navegadores, ubicaciones y configuraciones de prueba, lo que te permite simular diferentes experiencias de usuario. Puedes personalizar la configuración de las pruebas tanto como quieras o utilizar las opciones predeterminadas que proporciona el servicio si quieres una visión general rápida.
  • Gratuito y de código abierto. Somos grandes fans del software de código abierto, así que esa es una de las ventajas de utilizar WebPageTest. Aunque el servicio ofrece un nivel premium, el plan gratuito es más que suficiente para la mayoría de los sitios web.
  • Datos históricos de rendimiento. Con WebPageTest, obtienes acceso a 13 meses de datos de prueba de cualquier sitio web para el que utilices el servicio. Es información más que suficiente para controlar las tendencias de rendimiento de la mayoría de los sitios web.
  • Recomendaciones para mejorar el rendimiento. WebPageTest ofrece recomendaciones u «oportunidades» para mejorar el rendimiento del sitio en función de los problemas que detecte en él. Estas recomendaciones incluyen explicaciones de por qué es importante cada cambio.

Contras de WebPageTest

  • Requiere registro. Aunque WebPageTest ofrece un completo plan gratuito, debes registrarte en el servicio para realizar pruebas. Sin embargo, el servicio no te pide información de pago durante el proceso de registro.
  • Curva de aprendizaje. WebPageTest proporciona una gran cantidad de datos, lo que puede resultar abrumador para los usuarios que son nuevos en la optimización del rendimiento web. Sin embargo, en comparación con otras herramientas similares, la curva de aprendizaje es mucho más indulgente con WebPageTest.
  • Automatización limitada. Aunque es posible automatizar WebPageTest a través de su API, puede requerir conocimientos adicionales de configuración y programación en comparación con otras herramientas con funciones de automatización incorporadas.
  • No hay instrucciones para mejorar el rendimiento. Esto es algo habitual entre las herramientas de comprobación del rendimiento de sitios web. Con WebPageTest, obtienes recomendaciones directas sobre oportunidades para mejorar el rendimiento de tu sitio. Sin embargo, estas recomendaciones no vienen con instrucciones sobre cómo ponerlas en práctica. Esto significa que tendrás que investigar sobre temas como el aplazamiento del JavaScript que bloquea la renderización u otros temas técnicos avanzados.

Precios de WebPageTest

WebPageTest ofrece planes gratuitos y premium. El plan gratuito te permite realizar unas generosas 300 pruebas al mes. Además, la plataforma almacena 13 meses de datos de pruebas tanto para usuarios gratuitos como premium:

Precios de WebPageTest
Modelo de precios

En cuanto a las ventajas, los usuarios del plan Premium pueden realizar más pruebas. También tendrás prioridad en caso de que el servicio esté al límite de su capacidad (lo que no es habitual). Además, si quieres obtener acceso a la API de WebPageTest, tendrás que pagar un plan premium.

Comparación de WebPageTest con Otras Herramientas de Prueba de Velocidad de Sitios Web

Como hemos mencionado antes, hay muchas otras opciones de herramientas de comprobación de velocidad de sitios web. Dos de las alternativas más populares a WebPageTest son Google PageSpeed Insights y Pingdom Tools.

Veamos cómo se compara WebPageTest con ambas opciones.

Google PageSpeed Insights

Desarrollada por Google, esta herramienta proporciona una puntuación sencilla del rendimiento y ofrece recomendaciones específicas de optimización. Los resultados son igualmente detallados cuando se comparan con WebPageTest.

Sin embargo, WebPageTest examina cada página varias veces durante cada ejecución. Además, te permite realizar pruebas personalizadas, una función que PageSpeed Insights no ofrece.

Pingdom Tools

Esta herramienta es perfecta si quieres realizar pruebas rápidas con una selección decente de servidores. A diferencia de PageSpeed Insights o WebPageTest, Pingdom no proporciona un desglose en profundidad de las oportunidades de mejora o los problemas de tu sitio. En su lugar, obtendrás una visión general del rendimiento de tu sitio a través de los números, lo que puede ser todo lo que necesites en determinadas ocasiones.

Según nuestra experiencia, puedes obtener los mejores resultados de rendimiento realizando pruebas periódicas con diferentes herramientas. Sin embargo, si vas a utilizar un único servicio, WebPageTest puede ofrecer los resultados más completos en comparación con alternativas como PageSpeed Insights y Pingdom Tools.

Resumen

Supervisar el rendimiento es esencial si quieres mantener tu sitio web en plena forma. Esto significa realizar pruebas de velocidad con regularidad y tomar medidas para mejorar los tiempos de carga.

Aunque hay muchas herramientas que puedes utilizar para controlar el rendimiento de las páginas, te recomendamos WebPageTest. El servicio es gratuito y proporciona informes detallados. Además, puedes almacenar los datos de las pruebas durante un máximo de 13 meses, lo que significa que puedes tener una visión general del rendimiento de tu sitio a lo largo del tiempo.

En Kinsta, ¡estamos obsesionados con la velocidad! Nuestros clientes obtienen hasta un 20% más de velocidad simplemente migrando a nuestro servicio de alojamiento. Ofrecemos 37 centros de datos entre los que puedes elegir, y nuestra CDN tiene 260+ POPs. ¡Ponte en contacto con nosotros para saber más!

Jeremy Holcombe Kinsta

Editor de Contenidos y Marketing en Kinsta, Desarrollador Web de WordPress y Redactor de Contenidos. Aparte de todo lo relacionado con WordPress, me gusta la playa, el golf y el cine. También tengo problemas con la gente alta ;).