Probar la velocidad y el rendimiento de su sitio de WordPress puede parecer abrumador al principio, pero si tiene todas las herramientas a su disposición, realmente no debería serlo. Sus visitantes esperan que el rendimiento sea de primera categoría, de lo contrario, simplemente harán clic en otra cosa y todo el trabajo que invirtió en el diseño y la creación de su sitio se desperdiciará.

Para causar una buena primera impresión y obtener una buena posición en Google , realmente debe concentrarse en optimizar la velocidad y el rendimiento de su sitio tanto como sea posible. 

Déjame contarte una breve historia que se convirtió en la primera regla de oro que doy a todos mis clientes como consultora de marketing.

Hace un par de años, le sugerí a mi director ejecutivo que probara el rendimiento de nuestra tienda en línea. Dijo que el sitio web parecía ser lo suficientemente rápido en su computadora, por lo que no necesitábamos realizar ninguna prueba. Por supuesto, eso fue un error porque cuando visita su propio sitio web con mucha frecuencia, los navegadores como Chrome guardan el contenido para precargarlo para la próxima visita.

Le explicamos que con las herramientas adecuadas, una prueba de rendimiento podría ser fácil (y gratuita) de realizar.

¡Terminamos realizando la prueba y encontramos margen de mejora y optimizaciones particulares que nos hicieron mejorar la experiencia general del usuario de nuestra tienda!

🚀 La primera regla de oro: prueba siempre la velocidad de tu sitio de WordPress. No asuma que tiene un sitio web rápido solo porque se carga instantáneamente en su computadora. Tenga en cuenta que un visitante habitual que viene por primera vez puede no tener la misma experiencia que usted.

Supongo que tienes curiosidad por saber cómo está funcionando tu sitio web. Quédese con nosotros, le mostraremos cómo probar su sitio de WordPress con las herramientas de velocidad más populares y cómo interpretar las métricas de los resultados de rendimiento.

5 herramientas de rendimiento web para probar la velocidad de su sitio

Cuando crea un sitio web y lo lanza al mundo, tiene muy poco margen de error. Pero no se preocupe, existe una amplia gama de herramientas que tienen como objetivo medir la velocidad del sitio y el tiempo de carga de la página. Hemos sacado el top 5 para que comiences:

• PageSpeed ​​​​Insights (PSI) es una herramienta de Google que analiza su sitio, informa sobre el rendimiento en todos los dispositivos y luego también brinda sugerencias sobre cómo se puede mejorar esa página en dispositivos móviles y de escritorio.

Recopila datos en un entorno controlado (los datos de laboratorio), así como en un entorno de campo del mundo real (los datos de campo) para que tenga una visibilidad completa de su Core Web Vitals y pueda evitar cualquier problema potencial que reduzca el rendimiento en línea y el SEO.

• GTmetrix es una herramienta que analiza su sitio específicamente en busca de oportunidades de optimización relacionadas con la velocidad.

Las estadísticas que genera son increíblemente útiles para monitorear cuándo sus páginas son lentas, y cuando las rastrea a lo largo del tiempo, obtiene algunos patrones realmente interesantes que pueden ayudarlo a optimizar el funcionamiento de su sitio.

• Pingdom proporciona un monitoreo de experiencia en línea fácil y asequible, capturando varios conocimientos sobre la disponibilidad, el rendimiento y el tiempo de carga de la página de su sitio, para que pueda tomar medidas sobre posibles puntos débiles.

Ofrecen monitoreo sintético donde se simula la interacción del visitante, así como monitoreo de usuario real que brinda una idea más precisa de cómo se está desempeñando su sitio en la naturaleza. Pingdom genera una calificación de rendimiento, un tiempo total de carga de la página, el tamaño total de la página y la cantidad de solicitudes que recibe en su sitio web.

• WebPageTest le permite ejecutar una prueba gratuita de velocidad de sitios web de todo el mundo en múltiples navegadores a velocidades de conexión que son típicas de su base de usuarios.

Una vez que haya recopilado esos resultados, puede hacer varias sugerencias para ayudar a optimizar el funcionamiento de su sitio y lo que puede hacer para mejorar las cosas. La especificidad que puede incluir cuando se trata de geografía hace que esta sea una herramienta realmente interesante y poderosa.

• Yslow es un proyecto de código abierto que analiza sitios web de todo tipo y los califica según el rendimiento y la velocidad. Sin duda, es la más cruda de las herramientas de prueba de sitios web, pero tiene una increíble comunidad de desarrolladores detrás y puede ser útil para detectar algunas de las preocupaciones más opacas. YSlow funciona rastreando su sitio web y comparándolo con una lista de 23 reglas, según las reglas de Yahoo para sitios web de alto rendimiento. Puede usar GTMetrix para ver el puntaje de Yslow (es una calificación de A a F).

Comprender las métricas de rendimiento de su sitio de WordPress

Al usar cualquiera de estas herramientas, hay algunas métricas comunes y otras consideraciones a las que debe prestar atención. Profundicemos en las principales métricas de carga para ver:

• El First Contentful Paint (FCP) marca el primer punto en el que un usuario puede ver cualquier cosa en la pantalla y, como resultado, se considera la velocidad de carga percibida.
  ✅ Tu puntaje FCP debe ser menor o igual a 2.5 segundos.
• La pintura con contenido más grande (LCP, por sus siglas en inglés) es una métrica de Core Web Vital que mide cuánto tiempo tarda en renderizarse el elemento visible más grande del sitio. ✅ Tu puntaje LCP debe ser menor o igual a 2.5 segundos.
• El tiempo total de bloqueo (TBT) mide la capacidad de respuesta de la carga y cuantifica la falta de interactividad de cualquier página específica antes de que se pueda utilizar.
  ✅ Tu puntuación TBT debe ser inferior a 50ms.
• El cambio de diseño acumulativo (CLS) mide la estabilidad visual de una página al cuantificar la frecuencia con la que los usuarios pueden experimentar cambios inesperados en el diseño. Es otra métrica de Core Web Vital.
  ✅ Su sitio debe esforzarse por tener un puntaje CLS de 0.1 o menos.
• First Input Delay (FID ) es la tercera métrica de Core Web Vital y tiene como objetivo cuantificar la experiencia que sienten los usuarios cuando intentan interactuar con una página que no responde. Esencialmente, es el momento desde que un usuario hace clic en algo por primera vez hasta el momento en que el navegador realmente comienza a procesar esa interacción.
  ✅ Una buena puntuación FID debe ser inferior a 100 ms.
• La pintura con contenido más grande (LCP, por sus siglas en inglés) es una métrica de Core Web Vital que mide cuánto tiempo tarda en renderizarse el elemento visible más grande del sitio. ✅ Tu puntaje LCP debe ser menor o igual a 2.5 segundos.
• El tiempo total de bloqueo (TBT) mide la capacidad de respuesta de la carga y cuantifica la falta de interactividad de cualquier página específica antes de que se pueda utilizar.
  ✅ Tu puntuación TBT debe ser inferior a 50ms.
• El cambio de diseño acumulativo (CLS) mide la estabilidad visual de una página al cuantificar la frecuencia con la que los usuarios pueden experimentar cambios inesperados en el diseño. Es otra métrica de Core Web Vital.
  ✅ Su sitio debe esforzarse por tener un puntaje CLS de 0.1 o menos.
• First Input Delay (FID ) es la tercera métrica de Core Web Vital y tiene como objetivo cuantificar la experiencia que sienten los usuarios cuando intentan interactuar con una página que no responde. Esencialmente, es el momento desde que un usuario hace clic en algo por primera vez hasta el momento en que el navegador realmente comienza a procesar esa interacción.
  ✅ Una buena puntuación FID debe ser inferior a 100 ms.
• El tiempo de interacción (TTI) es una métrica que identifica los casos en los que una página parece interactiva para un usuario, pero en realidad no lo es. El objetivo aquí es minimizar el tiempo entre el FCP y el TTI.
  ✅ Una página se considera completamente interactiva cuando la página responde a las interacciones del usuario dentro de los 50 ms.
• Tiempo de carga: cuánto tarda su sitio web en terminar de cargarse por completo.
• Tamaño total de la página: también llamado » peso de la página «. Es un término para describir la cantidad de datos en la página. Por ejemplo, una imagen de 7 MB puede aumentar la puntuación. Esto tendrá un impacto en los criterios de «tiempo de carga completa».
• Solicitudes: el número de solicitudes de archivo para mostrar una página. 
• Análisis de cascada: la visualización solicitud por solicitud de la carga de la página: 

Todas estas métricas pueden ser un poco técnicas, pero con las herramientas que mencionamos anteriormente, a menudo agregarán mucho de esto en puntajes de rendimiento y velocidad, que miden estos diversos componentes y luego los califican con otros sitios similares para identificar dónde apilas. arriba en comparación con los demás.

Como tal, es una buena idea tener una comprensión básica de estas métricas de rendimiento, pero puede confiar en las herramientas para hacer gran parte del trabajo pesado cuando se trata de las mediciones reales y el diagnóstico final.

Algunas de las otras consideraciones que debe tener en cuenta al usar estas herramientas son las siguientes:

• ¿Desde dónde realiza la prueba la herramienta geográficamente?  Por ejemplo, GTmetrix y Pingdom realizan pruebas desde 7 regiones globales clave, mientras que WebpageTest puede realizar pruebas desde 50 ubicaciones diferentes en todo el mundo:

PSI, por otro lado, no le permite elegir desde dónde realiza la prueba. Desea buscar en estas ubicaciones y tratar de probar lo más cerca posible de su público objetivo. Aquí hay otro ejemplo con Pingdom:

• ¿Cómo se mide la puntuación de rendimiento? Como se mencionó anteriormente, la mayoría de estas herramientas tendrán su propia forma patentada de calificar el rendimiento de su sitio y vale la pena dedicar un tiempo a comprender la metodología de lo que sea que vaya a utilizar para que tenga más contexto en cuanto a lo que está intentando. cumplir. No caigas en la trampa de compararlos directamente . Google, por ejemplo, utiliza la tecnología Lighthouse para medir sus Google Core Web Vitals y utiliza datos de campo basados ​​en usuarios reales.

 📌 Resumen

• Si necesita una herramienta para realizar pruebas de velocidad simples y obtener un análisis general del tiempo de carga con: vaya a Pingdom Tools
• Si necesita ser más detallado en su prueba (escenario de desarrollo, por ejemplo) cambiar ubicaciones y crear datos de cascadas, consulte WebPageTest
• Si desea resultados de prueba detallados, elija la ubicación de prueba y cambie la velocidad de conexión, según sus requisitos: siga adelante con GTmetrix
• Si está buscando un diagnóstico procesable que afecte el SEO y la experiencia del usuario : elija PageSpeed ​​Insights de Google para optimizar su Core Web Vitals

🏃‍♂️ ¿Tienes prisa por optimizar tu sitio? ¡Te cubrimos la espalda! Consulte nuestro resumen a continuación para decidirse:

Cómo ejecutar una prueba de velocidad de WordPress y medir el tiempo de carga y el rendimiento

Antes de comenzar con su prueba de velocidad de WordPress, hay algunas configuraciones recomendadas y principios de prueba que debe tener en cuenta para hacerlo de manera precisa y eficiente:

• Siempre prueba varias veces.   Hay una serie de factores que pueden afectar su prueba, por lo que no desea que una anomalía lo engañe sobre cómo van realmente las cosas. Ejecute varias pruebas para obtener un par de lecturas diferentes que proporcionarán un promedio mucho más preciso para usar como resultado final.

• Prueba desde diferentes lugares.   Lo mencionamos anteriormente, pero especialmente si su público objetivo es global, pruebe en un par de geografías diferentes, ya que tienen contextos y circunstancias ligeramente diferentes. Si su mercado objetivo se concentra en áreas específicas, vale la pena ponderar esos resultados de manera desproporcionada, pero cuanto más amplio pueda ir, mejor en la mayoría de los casos.

• Asegúrese de que el almacenamiento en caché de su sitio web esté activado.   Esto significa que puede probar qué tan efectivo es el almacenamiento en caché para mejorar el rendimiento de su sitio web. WP Rocket es un excelente complemento para este propósito exacto, ya que puede cuidar de manera inmediata y proactiva todo su almacenamiento en caché sin que tenga que preocuparse por ninguno de los aspectos técnicos.

• Verifique si su red de entrega de contenido (CDN) se está ejecutando.   Este es el equivalente a un repositorio de contenido global donde su contenido se puede almacenar en caché en servidores de todo el mundo, lo que hace que las cosas sean más rápidas para quienes visitan su sitio web desde otros países y regiones. Esto se puede optimizar usando RocketCDN .

• Prueba desde una perspectiva móvil.   En el mundo moderno de hoy, la mayoría de su tráfico vendrá a través de dispositivos móviles, por lo que es importante que pruebe el rendimiento teniendo eso en cuenta. Por ejemplo, PSI tiene una parte móvil y de escritorio de su prueba, así que asegúrese de considerar ambas. Si su sitio funciona bien en computadoras de escritorio pero no en dispositivos móviles, en realidad se está perdiendo de mucho.

Una vez que los tenga bajo control, es hora de ejecutar una prueba de velocidad en su sitio de WordPress. Veamos un ejemplo.

Ejemplo: prueba de la velocidad de un sitio de WordPress

En este ejemplo, vamos a comenzar con Pingdom. Así que nos dirigimos a su sitio web y seremos recibidos por un cuadro de diálogo para que ingresemos la URL de nuestro sitio y un menú desplegable donde podemos seleccionar la ubicación desde la cual vamos a realizar la prueba.

Recuerde seleccionar la ubicación más cercana a su público objetivo como discutimos anteriormente. Una vez que hayamos hecho clic en el botón ‘Iniciar prueba’, nuestro sitio se pondrá en cola y comenzará a ejecutar las diversas pruebas de rendimiento en la URL que ingresamos.

Después de un rato, la herramienta nos mostrará el informe que ha generado sobre la velocidad y el rendimiento de nuestro sitio.

En la sección de resultados de Pingdom, muestran una calificación de rendimiento para el sitio en su conjunto, un tiempo de carga, el tamaño de la página y la cantidad de solicitudes que envió la herramienta. Esto diferirá según la herramienta, pero verá tipos similares de desgloses sin importar lo que use.

Debajo del desglose de resultados, verá una serie de recomendaciones sobre cómo puede optimizar los puntos débiles potenciales y puede usar eso para trazar cómo va a mejorar las cosas.

Como se discutió, buscaría ejecutar esta prueba un par de veces y luego quizás pasar a otra herramienta.

Echemos un vistazo a PSI para una mayor optimización de Core Web Vitals.

De manera similar, ingresaríamos la URL deseada en el cuadro de diálogo superior y dejaríamos que se ejecute la prueba. Puede ver que hay algunas métricas más granulares que muestra PSI y que pueden ser útiles para desglosar algunos de los aspectos de rendimiento de nuestro sitio que necesitan algo de trabajo:

Realmente es tan simple como eso. Ejecutar la prueba es fácil. La interpretación de los resultados también es bastante sencilla:

En general, su calificación global está coloreada de acuerdo con estos rangos:

• 0 a 49 (rojo): Pobre
• 50 a 89 (naranja): necesita mejorar
• 90 a 100 (verde): Bueno

Para proporcionar una buena experiencia de usuario , debe esforzarse por tener una buena puntuación (90+). En cualquier otro caso, hay algo importante que arreglar.

🏆 Google dice que «un puntaje perfecto de 100 es extremadamente difícil de lograr y no se espera», ¡pero el sitio web de WP Rocket es un estudiante bastante bueno que obtiene un puntaje de 99!

Sin embargo, la optimización y las mejoras son donde está el trabajo duro. Afortunadamente.

Finalmente, a veces su sitio no se ve tan afectado por el contenido que ha publicado, sino por el tema que está utilizando. Si tiene problemas con la velocidad del sitio web, podría valer la pena probarlo para ver si otro tema podría brindarle un mejor rendimiento.

Si necesitas ayuda con la optimización de tu web no dudes en contactar y nos ponemos.

Traducción del post original de wp-Rocket