馃憠 C贸mo usar GTMetrix para probar la velocidad de un sitio web - 隆Efectivamente!

OptinMonster Review 2018: 驴Es la mejor herramienta de generaci贸n de leads?

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 segundo puede sumar miles de dólares de ingresos perdidos (o ganados). Esto hace que la medición precisa de la velocidad del sitio sea crucial. Desafortunadamente, 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 la antes mencionada GTMetrix, 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 efectivamente la velocidad, 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 de datos realmente bueno, debe realizar una gran cantidad de pruebas de velocidad, preferiblemente en diferentes momentos del día. Lo ideal sería programar una prueba por hora y dejarla funcionando durante aproximadamente una semana más o menos.

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

Un buen efecto secundario de esta prueba es que verás tus horas pico, lo que podría indicar el mejor momento para que publiques contenido nuevo o publiques anuncios, ventanas emergentes, etc., a tus 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 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 brindará sobre cómo acelerar su sitio web, no cambia con el tiempo en absoluto.

2. Lugares de prueba

Cuando utiliza versiones gratuitas de muchas herramientas de prueba de velocidad (como Pingdom), normalmente se le asigna un servidor de prueba aleatoriamente (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 su servidor, la Prueba 2 se podría realizar desde Sydney, a 10,000 millas 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 lugares lejanos, pero en otros casos (piense en sitios con una audiencia potencialmente a nivel mundial) querrá realizar pruebas en todo el mundo.

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 hosting que usa para alojar su sitio web.

Para probar globalmente, elige 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 mediante GTMetrix, deberá registrarse para obtener una cuenta gratuita e iniciar sesión.

3. Objetivos de prueba

A menudo veo gente probando SOLAMENTE su página de inicio. Este es un error para principiantes 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 con menos datos en 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 adquiría el 97% de su tráfico de manera orgánica a través de motores de búsqueda, casi todos ellos para publicaciones / páginas individuales, así que asegúrese de enfocarse 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 probarla también como varias otras páginas. Pruebe páginas como páginas de publicaciones únicas, 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 gratis. Puede ir a la página principal y comenzar a analizar su sitio de inmediato. Una cuenta registrada (o incluso una cuenta paga) le brinda más opciones, como permitirle elegir ubicaciones de prueba, automatizar las pruebas y más.

La descripción general de los resultados le muestra el navegador y la ubicación utilizados para las pruebas, los puntajes de PageSpeed 鈥嬧媏 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 o qué se puede hacer para mejorar aún más las cosas, tendrá que profundizar más.

PageSpeed 鈥嬧媃 YSlow

PageSpeed 鈥嬧媏 YSlow ofrecen dos metodologías ligeramente diferentes para evaluar cómo la estructura y la mecánica de un sitio web afectan su velocidad. Los resultados de estos contienen sus propias recomendaciones para agilizar las cosas, como el almacenamiento en caché, la adición de encabezados caducados, la minimización de activos, la habilitación de la compresión gzip y similares.

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

Un punto clave a tener en cuenta: No persiga puntajes porcentuales. Estos pueden ser engañosos y no necesariamente tienen en cuenta absolutamente todo lo que es importante, como el tamaño general en megabytes de la página (que, por cierto, a menudo está muy influenciado por imágenes poco optimizadas). En lugar, enfatizar la velocidad de carga de página real dada en segundos – ¡Con el objetivo de reducir los segundos de esto (y la 'ruta de representación crítica', más sobre esto más abajo) 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 en particular es muy similar a lo que puede ver en las herramientas basadas en el navegador, como Firebug Net Panel. Para obtener más información, eche un vistazo rápido a este excelente artículo sobre cómo leer cascadas. Si tienes poco tiempo, esta es 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.

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

  • Búsqueda de DNS: Es 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 dedicado a esperar 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 en 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ó DOM. La línea roja representa el tiempo de carga de 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 por la información de espera en la cascada. Si constantemente ves un TTFB alto (incluso después de revisar y mejorar las recomendaciones principales para mejorar la velocidad del sitio), ¡es posible que tu servidor de host sea lo que te está decepcionando!

Video e historia

Las dos últimas secciones son solo para cuentas premium. El video muestra una grabación real de la carga del sitio, que puede mostrarle a qué asciende toda esta información. Si bien es una característica agradable, no creo que la use mucho como es, a decir verdad, un poco engañosa, en mi opinión.

La pestaña del historial, sin embargo, 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.

Configurar un conjunto de prueba

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

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

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

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

Una vez que ha transcurrido un tiempo satisfactorio, voy al panel, selecciono todas las pruebas y las comparo. Esto da como resultado datos de lado a lado y gráficos agregados.

Consejos de velocidad para usuarios de WordPress

Ah, y si está usando WordPress (el tema de este sitio es, por supuesto, principalmente todo) y está buscando algunas soluciones rápidas para acelerar las cosas: aquí hay algunos muy efectivo consejos que casi todos los sitios web impulsados 鈥嬧媝or WordPress podrían beneficiarse de:

  • 1. Asegúrate de que el host web que uses utilice servidores optimizados específicamente para WordPress, y si aún utilizas un hosting compartido genérico, no optimizado para WordPress, cambia a algo mucho, mucho más rápido, como un plan de alojamiento web desde WP Engine, Flywheel o Kinsta.
  • 2. Si aún no lo ha hecho, comience a utilizar un complemento de caché de páginas, como W3 Total Cache, WP Super Cache o WP Rocket.
  • 3. Tómese su tiempo para revisar las imágenes de su sitio y asegúrese de que estén lo más optimizadas posible (ya sea que las vuelva a optimizar en un programa como Photoshop o considere el uso de un servicio / plugin 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 demorará la carga de todos los demás elementos de la página).
  • 5. Tan doloroso como sea: elimine cualquier perfil innecesario de las redes sociales de la carga en su página (como Facebook, Twitter y perfiles de Google+, todo lo cual puede literalmente 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: elimine 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 impulsado por WordPress. La regla general es: ¡cuantos más complementos, más lento es el sitio!

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

GTMetrix como una herramienta de monitoreo

Hasta ahora nos hemos enfocado principalmente en GTMetrix como una forma de descubrir qué debería mejorarse en un sitio para hacerlo más rápido. Sin embargo, al usar la función de alertas, también puedes detectar (e informar) cualquier instancia en que tu sitio se desacelere por debajo de una velocidad predefinida.

Puede establecer un número de condiciones desde el tiempo de carga de la página y la puntuación YSlow hasta el tamaño HTML, lo que lo convierte en un sistema bastante completo. Si cumple alguna de sus condiciones preestablecidas, recibirá un correo electrónico de inmediato, lo 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 tendrá, al menos, 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 demás 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 supondría un gran ahorro de tiempo, algo con lo que con gusto pagaría un poco más, ya que esto reduciría bastante el tiempo de los procedimientos de prueba.

Otra área de enfoque podría enfatizar la importancia de usar un host de alta calidad. Al detectar y mostrar los diversos hosts que los usuarios están utilizando, se podrían comparar velocidades y se podrían recomendar mejores hosts para ciertos usuarios. El TTFB también podría ser monitoreado, y las sugerencias para hosts más rápidos se muestran cuando este valor es particularmente alto.

Algunas notas sobre las rutas de renderizado críticas podrían – y en mi opinión debería – también ser agregado. Si bien este es perceptual, se pueden detectar muchos factores, como la carga innecesaria de muchos archivos JS / CSS desde el 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 apareciendo 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 de conjunto

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

Utilizado correctamente en la batalla contra velocidades de sitio lentas, GTMetrix le proporcionará información más que suficiente para luchar. ¡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 concentrarse en reducir esos tiempos de carga en lugar de maximizar los puntajes de porcentaje de PageSpeed 鈥嬧媏 YSlow!

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

Ver el v铆deo: OptinMonster Review

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: