Estas dos funciones de WebPagetest no las conocía aún, pero debería usarlas regularmente.

Jan Hornung Actualizado el 21.10.2020
6 Min.
Compara los sitios web con Webpagetest

Webpagetest.org es probablemente la mejor herramienta gratuita para medir el tiempo de carga de las tus páginas. Porque WebPagetest es mucho más poderoso que la competencia directa. Y esto es principalmente gracias a dos funciones: La posibilidad de comparar sitios web y la comparación a largo plazo.

Este artículo es parte de una serie para medir y evaluar el tus tiempo de carga de las páginas web. Lo hemos mostrado en los artículos anteriores:

Hoy les mostraré dos características de Webpagetest que probablemente no conocían todavía. Porque la herramienta es especialmente adecuada para las comparaciones de rendimiento y una evaluación continua del tiempo de carga de la páginatus .

Por eso hoy voy a mostrarte

Otras métricas clave - Índice de velocidad, elementos DOM y coste

Además de los valores estándar - como Start Render, Document Complete etc. - Webpagetest también proporciona otros datos clave útiles que permiten estimar la eficienciatus sitio . Estos valores son importantes para poder interpretar correctamente los resultados de la herramienta.

Resultado de la muestra de una prueba de página web, que muestra las importantes características extendidas
Ejemplo de resultado de una prueba de una página web. El índice de velocidad, el número de elementos DOM y el número de solicitudes son tres indicadores importantes para el desempeño generaltus sitio.

Elementos DOM: Un elemento DOM es, en términos generales, un módulo HTML. Cuanto menos tenga que cargar este bloque de construcción tu los navegadores, más delgado y rápidotu sitio. Sin embargo, el número de elementos DOM es sólo una indicación del tiempo de carga del sitio. El número de elementos DOM puede reducirse significativamente cambiando el Plugins, pero especialmente el Theme, .

Extracto del código fuente de una entrada de blogRAIDBOXES
Cada elemento del cuerpo del HTML que está encerrado entre paréntesis angulares es un elemento DOM.

Solicitudes: Este valor describe el número de solicitudes HTTP individuales que el tu navegador debe hacer al servidor Web. Los elementos individuales como los archivos CSS, los archivos JavaScript o las imágenes se solicitan mediante una solicitud HTTP. Teóricamente, cuantas menos solicitudes, mejor. Por cierto, el Diagrama de cascada tus sitio siempre tiene la mejor visión general de las peticiones HTTP que se cargan.

Sin embargo, en la práctica, el número real de solicitudes de HTTP no es tan importante. Por lo menos no si tu sitio se utiliza la encriptación SSL y se instala en un servidor con HTTP/2 está corriendo. Esto se debe a que entonces se pueden ejecutar y cargar varias solicitudes simultáneamente.

Índice de velocidad: Este índice es calculado por Webpagetest y es un indicador del tiempo de carga de la página percibido. El valor describe un valor de milisegundos - los valores bajos son por lo tanto mejores que los altos - que indica cuán rápido y eficiente tus sitio se carga el contenido visible. En principio, Webpagetest determina la experiencia del usuario a través de capturas de pantalla tus sitio y la mide con un valor de tiempo. Si estás interesado: Webpagetest también tiene un Ecuación formulada.

Base de cálculo del índice de velocidad
El índice de velocidad de Webpagetest se muestra y se calcula como un área. Cuanto más rápido se cargue el contenidotus sitio , menor será el área y por lo tanto el índice de velocidad. Si le interesan los detalles: aquí Webpagetest enumera toda la información sobre el cálculo del Índice de Velocidad.

El índice de velocidad es el más adecuado para las comparaciones. Si una medida de optimización da lugar a una reducción significativa del índice, tiende a tener éxito y sitio se percibe como más rápida. Tiene tu sitio un índice de velocidad significativamente menor que el de la competencia, entonces puedes asumir que tu sitio los visitantes tienen una mejor experiencia de navegación.

El costo: Este valor es bastante agradable de tener. Indica lo caro tu sitio que es cuando se carga a través de las redes móviles. Los datos provienen de whatdoesmysitecost.com y forman un valor medio para todos los aranceles de los países que figuran en esta lista. Puede utilizar esta función para ver los costes de la carga de los móvilestus sitio . Pero creo que este valor sólo en muy pocos casos es realmente relevante para la optimización. Por favor, corrígeme si me equivoco.

La función más importante del Webpagetest: Compare varios sitios web directamente

Si se tus sitio mide el tiempo de carga, normalmente hay dos razones: O bien has hecho un cambio y quieres saber qué efecto tiene en el tiempo de carga, o quieres compararlo tu sitio con otros.

Por supuesto que se necesita un valor comparativo para tal declaración. Y eso es exactamente lo que la función "comparación visual" creado. Porque con él se puede comparar directamente el tiempo de carga y el comportamiento de carga de varias URL.

La función de comparación visual permite comparar los sitios web directamente entre sí.
Encontrará la función de comparación directamente a la derecha del análisis estándar de Webpagetest.

Con esta función puede, por ejemplo:

  • tu Compare sus propias páginas con las de sus competidores
  • comprobar lo que el cambio de huésped ha traído
  • probar dos o más subpáginas entre sí
  • comprueba lo rápido que se cargan las subpáginas en comparación con la página de inicio

Para la comparación directa sólo tienes que nombrar las páginas, insertar los URL y ejecutar la prueba con los parámetros que has establecido antes.

Para fines de prueba comparamos dos de las páginas de nuestros productos entre síEl resultado permite comparar las páginas utilizando varias métricas. La más descriptiva está justo al principio del documento de resultados: La vista de la tira de película. Aquí se puede ver cuando el visitante tu sitio percibe que la tira de película está completamente cargada (la métrica relevante se llama Visualmente Completa).

El valor de referencia también puede ser cambiado para que otras características, tales como Totalmente cargado y Documento completo, también puedan ser mostradas.

Resultado, si comparas dos sitios web en Webpagetest
La métrica más descriptiva se presenta justo al principio: La vista de la película. Todavía puede configurarlo a través de los ajustes en la esquina inferior derecha. Los diagramas de las cascadas pueden ser cambiados usando el deslizador a la izquierda encima de los diagramas.

A continuación encontrará cuatro gráficos de barras que muestran el rendimiento de las páginas sitio probadas en términos de tiempo de carga percibido, los tiempos de carga más importantes, el número de solicitudes HTTP y el tamaño de las páginas.

Con estas métricas, se puede ver de un vistazo cuáles de las páginas probadas se cargan más rápido, son más delgadas y proporcionan una mejor experiencia para el visitante.

Para los usuarios de Google, Webpagetest también ofrece la posibilidad de hacer comparaciones a largo plazo

Al acceder a Webpagetest con su cuenta de Google, se registra cada prueba. Esto le da la oportunidad de ver y comparar todas las pruebas del año pasado.

Comparaciones a largo plazo en Webpagetest para comparar varias versiones de un sitio web
Nuestra página web prueba el historial de los últimos siete días. Cada vez que acceda con su cuenta de Google, las tu pruebas se guardan y pueden verse más tarde.

Esta visión general es extremadamente práctica debido a dos funciones: Puede acceder a los datos históricos de las pruebas haciendo clic en la URL. Eso significa que puedes ver los resultados completos de todas las pruebas del año pasado.

Y puedes marcar pruebas individuales y compararlas entre sí para obtener una rápida visión general de las páginas de desarrollotus .

Conclusión: El Webpagetest es mucho más poderoso que otras herramientas gratuitas

La comparación directa de varias páginas es sin duda la función más poderosa de Webpagetest. Porque le permite mirarlo sólo tu sitio en relación con sus competidores, modelos de conducta o puntos de referencia de la industria. Los resultados que obtienes son - para las condiciones de webpagetest - también bien preparados y fáciles de entender.

El análisis de las series de tiempo también permite obtener una imagen completa del desarrollo del tiempo de carga de las páginastus . Así que puedes ver exactamente qué medidas de optimización o cambios han tenido un efecto en tu sitioel tiempo de carga y la experiencia del usuario.

Con estas dos funciones se pueden capturar todas las páginas de cambios tus relevantes y, lo que es más importante, analizarlas.

¿Conoces otra característica útil del Webpagetest que hemos olvidado? ¡Entonces esperamos su comentario!

RAIDBOXER desde el inicio y Jefe de Apoyo. En el bar y WordCamps le gusta hablar de PageSpeed y del rendimiento de los sitios web. La mejor manera de sobornarlo es con un expreso o un pretzel bávaro.

Artículos relacionados

Comentarios sobre este artículo

Escriba un comentario

tu La dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con * marcado.