Cómo usar GTMetrix para probar la velocidad de un sitio web – ¡Efectivamente!

Ofertas ganadoras de WordPress


La velocidad del sitio es posiblemente una de las métricas más importantes para cualquier sitio web: para algunos sitios, la diferencia de un solo segundo puede sumar miles de dólares de ingresos perdidos (o ganados). Esto hace que medir con precisión la velocidad del sitio sea crucial. Lamentablemente, la velocidad del sitio no es una medida particularmente fácil de medir. En este artículo, le mostraré cómo usar una de las herramientas más populares disponibles, GTMetrix, para medir de manera efectiva la velocidad de un sitio web.

Consideraciones de prueba de velocidad

Muchas herramientas, como el GTMetrix mencionado anteriormente, son geniales, pero bastante inútiles si todo lo que hace es una verificación de velocidad única. Deben tenerse en cuenta muchos factores si desea probar la velocidad de manera efectiva, pero uno de los más importantes es este: Las pruebas de velocidad deben realizarse varias veces y se deben tomar promedios para que los resultados tengan un significado real.

1. Número de pruebas

Para obtener un conjunto completo de datos realmente bueno, debe realizar muchas pruebas de velocidad, preferiblemente en diferentes momentos durante el día. Lo ideal sería programar una prueba por hora y dejarla funcionando durante aproximadamente una semana.

La razón de esto es que el rendimiento de su sitio web cambiará a lo largo del día, dependiendo del recuento de visitantes o incluso del uso de su servidor si está en un host compartido.

Un buen efecto secundario de esta prueba es que verá sus horas pico, lo que podría indicar el mejor momento para publicar nuevo contenido o orientar anuncios / ventanas emergentes, etc., a sus visitantes.

Dicho esto, todavía hay mucho que aprender haciendo solo cinco o diez pruebas en el transcurso de una hora más o menos. Aunque la velocidad de carga real dada en segundos puede cambiar en el transcurso de un día (o incluso una semana), algunas de las cosas que GTMetrix puede revelar, como muchas de las recomendaciones que dará sobre cómo acelerar su sitio web, lo harán no cambia con el tiempo en absoluto.

2. Lugares de prueba

Cuando usa versiones gratuitas de muchas herramientas de prueba de velocidad (como Pingdom, generalmente se le asigna un servidor de prueba al azar (es decir, la ubicación desde la que se prueba su sitio será aleatoria). Esto a menudo puede conducir a resultados extremadamente inconsistentes. Si bien la Prueba 1 se puede realizar desde Nueva York, por ejemplo, a 100 millas de distancia de su servidor, la Prueba 2 se puede realizar desde Sydney, a 10,000 millas de distancia de su servidor.

La ubicación que elija para probar su sitio hace una gran diferencia. Para algunos proyectos (como las empresas locales), puede estar bien descartar datos de ubicaciones lejanas, pero en otros casos (piense en sitios con una audiencia potencialmente mundial) querrá realizar pruebas a nivel mundial.

Para probar localmente, seleccione servidores de prueba que estén cerca de la ubicación física de su servidor. Si no sabe dónde se encuentra su servidor, pregunte a la empresa de alojamiento que utiliza para alojar su sitio web.

Para probar globalmente, elija cuatro o cinco servidores de prueba en ubicaciones clave de todo el mundo. Personalmente, me gusta elegir al menos un servidor de EE. UU., Uno de Europa, uno de Australia y uno de Asia.

Para poder elegir la ubicación desde la cual probar su sitio usando GTMetrix, deberá registrarse para obtener una cuenta gratuita e iniciar sesión.

3. Objetivos de prueba

A menudo veo personas probando SOLO su página de inicio. Este es un error absolutamente de principiante que puede sesgar las cosas mucho más de lo que piensas. En primer lugar, su página de inicio puede ser la página menos intensiva en datos de su sitio, por lo que es naturalmente la más rápida..

Su página de inicio también puede no ser tan importante como le gustaría pensar. Trabajé en un sitio que adquirió el 97% de su tráfico orgánicamente a través de motores de búsqueda, casi todos los cuales fueron a publicaciones / páginas individuales, así que asegúrese de concentrarse en algo más que su página de inicio!

En resumen: la velocidad de su página de inicio es, por supuesto, importante, pero puede ser secundaria a muchas de sus otras páginas, así que asegúrese de probar también en otras páginas. Pruebe páginas como publicaciones individuales, páginas de tiendas y páginas de productos, etc., para obtener un conjunto completo de resultados.

Cómo funciona GTMetrix

El uso básico de GTMetrix es gratuito. Puede ir a la página principal y comenzar a analizar su sitio de inmediato. Una cuenta registrada (o incluso pagada) le brinda más opciones, como permitirle elegir ubicaciones de prueba, automatizar las pruebas y más.

Prueba de velocidad GTMetrix

El resumen de resultados muestra el navegador y la ubicación utilizados para las pruebas, los puntajes de PageSpeed ​​y YSlow, el tiempo de carga de la página, el número de solicitudes y el tamaño total de la página. Estos son excelentes para analizar tendencias, pero si realmente desea saber por qué su sitio web es lento y / o qué se puede hacer para mejorar aún más las cosas, deberá profundizar más.

PageSpeed ​​y YSlow

PageSpeed ​​e YSlow ofrecen dos metodologías ligeramente diferentes para medir cómo la estructura y la mecánica de un sitio web afectan su velocidad. Los resultados de estos contienen sus propias recomendaciones para acelerar las cosas, como el almacenamiento en caché, agregar encabezados caducados, minimizar activos, habilitar la compresión gzip y similares.

Las secciones correspondientes en GTMetrix cada enlace para obtener más información sobre el tema, para que pueda leer más profundamente sobre él y aprender exactamente qué hacer para implementar cada método específico de aumento de velocidad enumerado.

Información de prueba lenta

Un punto clave a tener en cuenta: No persiga los puntajes porcentuales. Estos pueden ser engañosos y no necesariamente tienen en cuenta absolutamente todo lo importante, como el tamaño total en megabytes de la página (que, por cierto, a menudo está muy influenciado por imágenes mal optimizadas). En lugar, enfatizar la velocidad real de carga de la página dada en segundos – con el objetivo de reducir segundos de esto (y la “ruta de renderización crítica” – más sobre esto a continuación) debería ser el objetivo real!

La cascada

La cascada es una de las herramientas más útiles para detectar cuellos de botella en la velocidad de su sitio web. Esta vista particular es en realidad muy similar a lo que puede ver en las herramientas basadas en el navegador, como el Firebug Net Panel. Para obtener más información, eche un vistazo rápido a este excelente artículo sobre cómo leer las cascadas. Si tiene poco tiempo, aquí está la versión resumida:

Cada activo en su sitio debe buscarse, transferirse y mostrarse. Cada barra en la cascada muestra todos los pasos involucrados para cada activo y cuánto tiempo tomaron.

Vista de la cascada GTMetrix

Los pasos que puede seguir cada activo son los siguientes, con una pequeña explicación agregada:

  • Búsqueda de DNS: Hora de resolver el DNS
  • Conectando: Tiempo necesario para crear una conexión
  • Bloqueo: Tiempo pasado en la cola del navegador esperando una conexión
  • Enviando: Tiempo necesario para enviar la solicitud
  • Esperando: Tiempo empleado esperando la respuesta (tiempo hasta el primer byte)
  • Recepción: Tiempo necesario para descargar contenido

En base a esta información, podemos hacer algunas suposiciones sobre lo que está sucediendo con nuestro sitio web. En primer lugar, eche un vistazo a esa línea azul en la cascada de arriba. Representa el punto en el que se cargó el DOM. La línea roja representa la hora en que se cargó la página..

El tiempo hasta el primer byte (TTFB) también se considera un indicador importante de la velocidad de su servidor. Esto se muestra en la información de espera en la cascada. Si constantemente ve un TTFB alto (incluso después de revisar y mejorar las recomendaciones principales para mejorar la velocidad del sitio), es posible que su servidor host sea lo que lo decepciona!

Video e historia

Las últimas dos secciones son solo para cuentas premium. El video muestra una grabación real de la carga del sitio, que puede mostrarle en qué consisten todos estos datos diferentes. Si bien es una buena característica, no me encuentro usándolo mucho, ya que, en verdad, en mi opinión, es un poco ingenioso..

Sin embargo, la pestaña de historial es realmente una de las mejores características porque le permite ver los resultados de múltiples pruebas en una página en un gráfico práctico y fácil de entender..

Resultados de monitoreo histórico de GTMetrix

Configurar un conjunto de pruebas

Personalmente tengo una cuenta profesional con GTMetrix, que utilizo principalmente para probar mis propios sitios y tecnologías específicas de interés..

Una desventaja de GTMetrix (aunque todavía no he encontrado ninguna herramienta que pueda hacer esto de todos modos) es que no puede configurar pruebas variables. Lo que quiero decir con esto es que no puedes decirle a GTMetrix que elija una página aleatoria de un conjunto dado y que la pruebe desde una ubicación aleatoria. Esto nos daría un gráfico que podría profundizar aún más, según la página y la ubicación (¿algo para el futuro tal vez?).

Una alternativa sería especificar algunas páginas y ubicaciones y probar todas las variaciones cada hora. Es, sin duda, bastante intensivo en recursos, pero nos daría un gran conjunto de datos para trabajar. Tal como está, puede hacerlo manualmente y utilizar la función de comparación GTMetrix para analizar sus resultados..

Para empezar, creo todas las pruebas diferentes que necesito. Si quisiera probar 2 páginas de 3 ubicaciones, configuraría pruebas para todas las permutaciones, lo que daría como resultado 6 pruebas. Luego monitorearía cada prueba por hora durante al menos un par de días, idealmente una semana.

Una vez que ha transcurrido una cantidad de tiempo satisfactoria, entro en mi tablero, selecciono todas las pruebas y las comparo. Esto da como resultado datos paralelos y gráficos agregados.

Comparación de resultados de GTMetrix

Consejos de velocidad para usuarios de WordPress

Ah, y si está utilizando WordPress (el tema del que trata este sitio, por supuesto, principalmente) y está buscando algunas soluciones rápidas para acelerar las cosas: aquí hay algunas muy efectivo Consejos de los que casi todos los sitios web con WordPress podrían beneficiarse:

  • 1. Asegúrese de que cualquier host web que esté utilizando use servidores que estén optimizados específicamente para WordPress, y si todavía utiliza un alojamiento compartido genérico no optimizado para WordPress, cambie a algo mucho, mucho más rápido, como un plan de alojamiento web de Motor WP, volante o Kinsta.
  • 2. Si aún no lo ha hecho, comience a usar un complemento de almacenamiento en caché de página, como W3 Total Cache, WP Super Cache o WP Rocket.
  • 3. Tómese un tiempo para revisar las imágenes de su sitio y asegurarse de que estén tan optimizadas como sea posible (vuelva a optimizarlas en un programa como Photoshop o considere usar un servicio / complemento especializado como WP Smush.
  • 4. Asegúrese de que su sitio web esté cargando la mayor cantidad de JavaScript posible en la parte inferior de sus páginas (en lugar de en la parte superior, donde retrasará la carga de todos los demás elementos de la página).
  • 5. Tan doloroso como puede ser: elimine los perfiles innecesarios de redes sociales de la carga en su página (como los perfiles de Facebook, Twitter y Google+, todo lo cual, literalmente, puede agregar segundos a los tiempos de carga de su página).
  • 6. Habilite la compresión gzip, minimice todos los scripts y aproveche el almacenamiento en caché del navegador siempre que sea posible.
  • y 7. Quizás lo más importante de todo: eliminar todos los complementos innecesarios que puedan estar cargando todo tipo de archivos CSS y JavaScript dentro de sus páginas, aunque técnicamente no hay límite para la cantidad de complementos que puede instalar en un sitio web con WordPress, un regla general muy general es: cuanto más complementos, más lento es el sitio!

– ¿Alguna otra solución rápida súper efectiva? ¡Siéntete libre de dejarlos en los comentarios a continuación! 😉

GTMetrix como herramienta de monitoreo

Hasta ahora nos hemos centrado en gran medida en GTMetrix como una forma de descubrir qué se debe mejorar en un sitio para hacerlo más rápido. Sin embargo, utilizando la función de alertas, también puede detectar (e informar) cualquier instancia en la que su sitio se desacelere por debajo de una velocidad predefinida.

Configurar alertas

Puede establecer una serie de condiciones desde los tiempos de carga de la página y la puntuación de YSlow hasta el tamaño HTML, lo que lo convierte en un sistema bastante completo. Si se cumple alguna de sus condiciones preestablecidas, recibirá un correo electrónico de inmediato, que le permitirá actuar sobre la información para rectificar cualquier problema..

Al monitorear su sitio web, es posible que no pueda evitar la lentitud por completo, pero al menos tendrá la oportunidad de reaccionar rápidamente ante cualquier problema para minimizar el daño causado, por ejemplo, por un aumento inesperado del tráfico.

Donde GTMetrix se queda corto

En general, prefiero GTMetrix, y elijo usarlo sobre todas las otras herramientas de prueba de velocidad para medir y hacer un seguimiento de mis propios sitios. Sin embargo, esto no significa que todo sea perfecto. Uno de mis mayores problemas con GTMetrix es que no ofrece pruebas variables, lo que sería un gran ahorro de tiempo, algo por lo que con mucho gusto pagaría un poco más, ya que esto reduciría bastante tiempo de mis procedimientos de prueba.

Otra área de enfoque podría estar enfatizando lo importante que es usar un host de alta calidad. Al detectar y mostrar los distintos hosts que usan los usuarios, se pueden comparar las velocidades y se sugieren mejores hosts para ciertos usuarios. El TTFB también se puede monitorear y se muestran sugerencias para hosts más rápidos cuando este valor es particularmente alto.

Algunas notas sobre las rutas críticas de representación podrían, y en mi opinión debería – También se agregará. Si bien este es perceptivo, se pueden detectar muchos factores, como la carga innecesaria de muchos archivos JS / CSS al principio de la página (una consideración absolutamente clave por cierto) La optimización de la ruta de representación crítica conducirá a su sitio web en realidad aparecer en la pantalla del usuario mucho más rápido – incluso si la velocidad de carga de la página “general” sigue siendo bastante alta!

Visión general

Si desea un sitio web rápido, necesitará una herramienta integral para probarlo en varias circunstancias. GTMetrix le permite hacer exactamente esto: al monitorear una URL cada hora y desde diferentes ubicaciones, le dará una imagen completa del rendimiento de su sitio web.

Utilizado adecuadamente en la batalla contra las velocidades lentas del sitio, GTMetrix te equipará con información más que suficiente para contraatacar. Solo recuerde probar más que solo su página de inicio, probar cada página más de una vez y desde múltiples ubicaciones, y mantener el enfoque en reducir esos tiempos de carga en lugar de maximizar los puntajes porcentuales de PageSpeed ​​y YSlow!

¿Conoce alguna otra / mejor forma de medir la velocidad de un sitio web? Pensamientos?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me