1. Introducción
Para mejorar el rendimiento de su sitio web de WordPress, debe entender cómo funciona actualmente. La herramienta de prueba de velocidad GTmetrix es una herramienta que analiza su sitio web para mostrarle cómo se desempeña y dónde puede hacer mejoras.
Hasta la fecha, GTmetrix ha analizado más de 579 millones de páginas. Es muy fácil de usar; sólo tienes que introducir la URL de tu sitio web y podrás ver el rendimiento actual de tu sitio web, con puntuaciones y recomendaciones.
Ahora bien, todo eso está muy bien, y hay muchas herramientas que pueden hacer cosas similares, pero ¿de qué sirven si no se entienden los resultados?
Cuando la herramienta de prueba de velocidad GTmetrix escupe sus resultados de rendimiento y recomendaciones, puede sentirse un poco abrumado. Aunque la información que producen es estupenda, es difícil saber por dónde empezar.
Este artículo está diseñado para darle una visión general de la herramienta de prueba de velocidad GTmetrix, y ayudarle a entender cómo utilizarla eficazmente con el fin de aumentar el rendimiento de sus sitios web.
2. Cómo realizar una prueba de velocidad GTmetrix para su sitio web
Para comenzar a analizar su sitio web, deberá dirigirse al sitio web de GTmetrix. Aquí puede introducir la URL de su sitio web y hacer clic en Probar su sitio para comenzar.
Sin embargo, yo recomendaría que se registrara una cuenta gratuita de GTmetrix, ya que tiene muchas ventajas. Si no te registras, tu prueba de velocidad utilizará las siguientes opciones por defecto:
- Prueba de velocidad desde Vancouver, Canadá
- Utiliza Google Chrome (escritorio)
- Conexión sin estrangulamiento
También puede realizar pruebas en dispositivos móviles, diferentes velocidades de conexión como 3G, etc.
Una vez que haya hecho clic en Analizar desde su cuenta, GTmetrix proporcionará una página de resultados de su sitio web. Esto te lo dice:
- Cuando se generó el informe
- Dónde estaba el lugar de la prueba
- Qué condiciones se utilizaron
- Rendimiento y detalles de la página
3. PageSpeed
Una vez que su sitio web ha sido analizado, la pestaña de PageSpeed está resaltada por defecto. Utiliza Google PageSpeed’s para calcular una puntuación sobre 100 en varias métricas. GTmetrix calcula una puntuación global sobre 100 para darle su puntuación PageSpeed.
La velocidad de la página puede verse afectada por múltiples factores, como la optimización de las imágenes, el almacenamiento en caché del navegador, la velocidad del servidor, el exceso de código, etc.
Si hace clic en la flecha desplegable que aparece junto a la recomendación, por ejemplo, Servir imágenes a escala, verá cuál es la recomendación con más detalle, qué elementos están causando problemas y cómo solucionarlos.
Si no está seguro de lo que significa algo, puede comprobar el Tipo en la columna de la derecha, o hacer clic en ¿Qué significa esto? junto a la recomendación.
4. YSlow
Muy similar a PageSpeed, YSlow analiza su sitio web y utiliza un conjunto de reglas para determinar una puntuación. Hay 19 reglas que GTmetrix utiliza para calcular su puntuación YSlow, cada una con su propia recomendación para acelerar su sitio web.
Algunas de las recomendaciones más comunes de YSlow son
- Minificar CSS y JavaScript: Al minificar tu código CSS y JavaScript, puedes eliminar el código innecesario sin cambiar su funcionamiento. Muy similar a la optimización de imágenes, estás haciendo las cosas más pequeñas, sin que haya un efecto visual. Recomiendo encarecidamente la descarga de Autoptimize for WordPress para este fin.
- Utilice una CDN: Una red de entrega de contenidos (CDN) le ayudará a acelerar su sitio web mediante la entrega del contenido estático de su sitio desde múltiples servidores en todo el mundo. Esto ayuda especialmente a los visitantes de su sitio web que están más lejos en comparación con el servidor de su anfitrión web. Los alojamientos web como BlueHost suelen incluir CloudFlare CDN de forma gratuita.
- Evite los errores 404: Seguro que alguna vez te has encontrado con un error 404 en una web. Sólo significa que has aterrizado en una página web que no existe, sin embargo, este no es un lugar que quieras que tus usuarios visiten. Yo recomendaría utilizar un comprobador de enlaces rotos como ahrefs para asegurarse de que no tiene ninguna página 404 potencial.
5. Cascada
La pestaña Cascada se recomienda más para los usuarios avanzados. Si es la primera vez que construye un sitio web, o no está muy seguro de su capacidad técnica, esta área puede ser un poco abrumadora.
Waterfall le muestra todas las peticiones HTTP de su sitio web. Una petición HTTP es cada elemento individual de una página web, por ejemplo, una imagen, un archivo CSS, Google Analytics, etc.
Por eso se recomienda no excederse con los plugins, ya que cada petición HTTP se sumará al tiempo de carga de su sitio. GTmetrix le muestra la URL, el dominio y el tamaño de cada solicitud HTTP.
Puedes ver cuánto tiempo tarda en cargarse cada petición, además de poder filtrar por factores como HTML, imágenes, fuentes, etc. Esto ayuda a entender de dónde proviene el grueso de sus peticiones HTTP.
6. Tiempos
La pestaña de Tiempos ofrece una visión más detallada del tiempo que se tarda en alcanzar ciertas métricas, como la duración de la conexión, el tiempo hasta el primer byte (TTFB), el tiempo de la primera pintura del contenido, etc.
Puede pasar el ratón por encima de cada métrica para ver una descripción más detallada de lo que es.
7. Vídeo
Esta pestaña es relevante si habilitó la opción de videos de carga de páginas cuando ejecutó por primera vez su prueba de velocidad de GTmetrix. Aparecerá una lista de vídeos que le permitirá ver con gran detalle cómo se carga su sitio web, qué aparece primero y la posibilidad de ralentizar los vídeos.
Cuando se carga un sitio o una página web, puede ser difícil determinar qué contenido aparece primero, ya que en muchos casos la velocidad es bastante rápida. Esto le permitirá evaluar si hay algún problema o error que aparezca, aunque sea por una fracción de segundo.
8. Historia
La última pestaña es la de Historia. Como habrás adivinado, esto te permite ver un historial de tus resultados de pruebas anteriores. Esto es útil ya que puede analizar los resultados de rendimiento anteriores frente a los actuales, y ver cómo el rendimiento de su sitio web ha mejorado (con suerte) con el tiempo.
Podrás ver los resultados de los últimos 30 días, después de los cuales se eliminarán.
Aunque probablemente sea la pestaña más sencilla, la pestaña del historial me parece increíblemente útil y, sin duda, la volveré a visitar una y otra vez a medida que se vayan introduciendo mejoras.
9. Herramienta de prueba de velocidad GTMetrix: Conclusión
La herramienta de prueba de velocidad GTmetrix es una herramienta muy útil, si se utiliza correctamente. Espero que este artículo te haya abierto los ojos sobre cómo utilizar GTmetrix, además de darte una visión más detallada de cada una de las pestañas disponibles.
Si quieres mejorar el rendimiento de tu sitio web, tendrás que profundizar en las pestañas mencionadas en este artículo. Aunque es bueno conocer el resumen, no podrá mejorar las cosas si no tiene en cuenta las recomendaciones.
Sin embargo, tampoco quiero que te metas demasiado con las puntuaciones de GTmetrix. Aunque son increíblemente útiles, no son más que orientaciones, y no todas las áreas requieren mejoras, o pueden mejorar. Puede que la velocidad de su sitio web sea realmente muy buena, pero le resulta interesante entender cómo se carga su sitio web y qué factores contribuyen a su tiempo de carga.
