En esta publicación, aprenderá algunos términos nuevos y utilizará una herramienta gratuita que lo ayudará a comprender mejor el rendimiento de su sitio.

Cómo medir el rendimiento de su sitio

Hay muchas herramientas para medir el rendimiento de un sitio web, pero en esta publicación, trabajaremos exclusivamente con el popular clasificador de rendimiento GTMetrix.

GTMetrix calificará el rendimiento de su sitio web según la prueba de Google PageSpeed Insights y YSlow. También proporciona un puñado de métricas prácticas para desmitificar aún más sus tiempos de carga.

Para usar esta herramienta, todo lo que tiene que hacer es copiar y pegar la URL de su sitio web en el campo de la página de inicio y presionar Enter.

GTMetrix ejecutará algunas pruebas en el transcurso de unos 20 segundos y luego verá un informe como este:

Resultados de la prueba para competethemes.com

Hay mucho que desempacar aquí, pero nos centraremos por completo en la sección Detalles de la página a la derecha.

Comprender sus métricas de rendimiento

GTMetrix destaca tres métricas en cada informe:

Tiempo completamente cargado
Tamaño total de la página
Peticiones

Conocer estas métricas y cómo funcionan lo ayudará enormemente a mejorar los tiempos de carga de su sitio.

Tiempo completamente cargado

El primer número que verá es el tiempo de carga completa.

Este número es el tiempo que tarda su sitio web en terminar de cargarse por completo. En otras palabras, este es el tiempo que el icono de carga gira en la pestaña del navegador antes de que el sitio termine de cargarse por completo.

Tiempo medio de carga completa: 6,8 segundos

Tamaño total de la página

La siguiente métrica es el tamaño total de la página.

En este caso, "tamaño" es un término que se utiliza para describir la cantidad de datos (como KB y MB), no las dimensiones visuales de la página.

Por ejemplo, una imagen de 3 MB en su sitio aumentaría considerablemente el tamaño de su página. A veces también nos referimos a esto como el "peso de la página".

Reducir el tamaño total de la página reducirá el tiempo de carga completa.

Tamaño total promedio de la página: 2.97MB

Solicitudes totales

La métrica final del informe se llama Solicitudes.

“Solicitudes" significa la cantidad de solicitudes de archivos. Por ejemplo, una publicación de blog con cinco imágenes hará 5 solicitudes de archivos para esas imágenes. También solicitará el archivo CSS del tema, los archivos JS de los complementos, etc.

Reducir el número de solicitudes reducirá su tiempo de carga completa.

Número medio de solicitudes: 85

Poniendolo todo junto

Aquí está la gran conclusión de estas tres métricas:

El tiempo de carga completa de su sitio aumenta con el tamaño total de la página y las solicitudes.

Este sitio web tiene un tamaño de página bajo y pocas solicitudes, por lo que el tiempo de carga completa está muy por debajo del promedio.

Entonces, si desea acelerar su sitio web, hágalo de la siguiente manera:

Disminuir el tamaño de su página
Reducir el número de solicitudes de archivos

Dentro del informe GTMetrix, encontrará una lista de optimizaciones recomendadas basadas en el informe PageSpeed de Google y, además de algunas, todas giran en torno a reducir el tamaño de la página y reducir las solicitudes.

A medida que optimiza su sitio web, debe volver a GTMetrix de vez en cuando para reevaluar su sitio y asegurarse de que el tamaño de su página y las solicitudes estén disminuyendo. Si es así, debería ver su Tiempo de carga completa a continuación.

Sugerencia: antes de comenzar a optimizar su sitio, es una buena idea hacer una captura de pantalla de sus resultados para que pueda hacer una comparación del antes y el después.

Ya ha aprendido los aspectos más importantes de la medición del rendimiento de un sitio web, pero hay algunas sutilezas que también debe conocer.

Tus medidas no serán las mismas

Cada vez que ejecute su sitio web a través de GTMetrix, su tiempo de carga completa será un poco diferente. Y si prueba otras herramientas como Pingdom, verá valores diferentes nuevamente.

La verdad es que su computadora no obtiene un flujo de ancho de banda perfectamente uniforme desde su enrutador, ni tampoco su servidor o las herramientas con las que prueba. Sus resultados simplemente no pueden ser exactamente los mismos cada vez que realiza la prueba.

La buena noticia es que sus pruebas no serán tan diferentes. El tamaño de su página y la cantidad de solicitudes permanecerán iguales, y el tiempo de carga completa solo debería cambiar unos pocos milisegundos.

Pero ese pequeño cambio presenta un problema …

Las mejoras son difíciles de medir

Si su sitio se carga en 10 segundos y luego lo optimiza para que se cargue en 5 segundos, será extremadamente evidente. No necesitará ninguna herramienta para saber que su sitio se carga más rápido.

Pero a menudo, está haciendo pequeñas optimizaciones que llevan el tiempo de carga de su sitio de 4.5 segundos a 4.2 segundos. Si confía estrictamente en sus propias observaciones, no podrá notar la diferencia.

Y aquí está la pésima fiesta …

Dado que GTMetrix (y cualquier otra herramienta de rendimiento) le dará un tiempo de carga completa ligeramente diferente con cada prueba, es realmente difícil saber si las pequeñas optimizaciones funcionaron incluso al medir con herramientas. Esto puede ser desalentador si completa una nueva optimización y luego GTMetrix muestra que su sitio se carga más lento que antes.

Si bien no recomiendo descartar las pruebas por completo, tiene esta falla.

Entonces, ¿cómo puede estar seguro de que los cambios que está realizando en su sitio realmente ayudan con el rendimiento?

Cíñete a los fundamentos

En caso de duda, apéguese a los fundamentos de la optimización del rendimiento:

Disminuye el tamaño de tu página
Disminuir el número de solicitudes

Esas dos tácticas siempre funcionarán para mejorar el rendimiento de su sitio, así que si obtiene resultados confusos de GTMetrix, pregúntese:

¿Reduje la cantidad de solicitudes de archivos y / o reduje el tamaño de la página?

Si es así, ha hecho un buen trabajo.

¿Cómo optimizo mi sitio?

Sigo hablando de cómo debe reducir el tamaño de su página y las solicitudes, pero aún no le he dicho cómo hacerlo.

Eso es porque ya tengo una publicación de blog masiva sobre el tema:

Las 36 formas de acelerar su sitio de WordPress →

Tiene más de 7.000 palabras e incluye todas las tácticas de rendimiento viables para acelerar WordPress. Utilizo todas esas tácticas en este sitio web y por eso se carga tan rápido.

Debería ser útil demostrar exactamente cómo reducir el tamaño de la página y las solicitudes, y si todavía está tratando de entender estas ideas, hay más explicaciones y ejemplos en esa publicación.

Espero que este artículo te haya ayudado a comprender la optimización del rendimiento y, si lo disfrutaste, compártelo con alguien más antes de irte.

Fuente de grabación: www.competethemes.com