Puede que estés familiarizado con el dicho de que “una imagen vale más que mil palabras”. Bueno, resulta que un solo segundo vale alrededor del 3.4% de las conversiones de su sitio web. Esa es una gran cantidad de negocios perdidos debido a la carga lenta de las páginas.
Entonces, ¿cómo puede determinar si su sitio web se está cargando lo suficientemente rápido? Las pruebas de velocidad del sitio web son una excelente manera de averiguarlo, pero hay muchas pruebas diferentes que puede usar.
Este artículo le proporcionará información sobre cómo ejecutar correctamente las pruebas de velocidad, interpretar los resultados y utilizar la información para mejorar la velocidad de su sitio web.
¿Puede su sitio web soportar una gran carga de tráfico?
Una forma de averiguarlo: prueba el estrés de tu sitio web con miles de conexiones simultáneas mediante Loadview. No se requiere codificación, prueba gratuita de 30 días, prueba en más de 40 navegadores y dispositivos reales y crédito de prueba gratis de $ 20 ahora> Haz click aquí
Cómo probar correctamente la velocidad del sitio web
Puede usar muchas herramientas para ejecutar una prueba de velocidad del sitio web. Algunos le darán mucha información y otros podrían no darle suficiente. La mejor manera de obtener los resultados más precisos es usar un par de herramientas o ejecutar múltiples pruebas a través de los mismos medios.
Es importante recordar que los resultados a menudo dependen de su servidor web ubicación en relación con el punto de origen de la prueba. Cuanto más separados estén estos dos, más tiempo necesitarán viajar los datos, lo que podría afectar los resultados de las pruebas de velocidad.
Por eso, siempre debe elegir un servidor web cerca del lugar donde espera la mayor cantidad de visitantes. Por ejemplo, un sitio web que sirve principalmente tráfico basado en los EE. UU. debe estar en algún lugar dentro de los EE. UU.
Si atiende a una audiencia global, ejecutar una prueba de velocidad del sitio web desde varias ubicaciones de prueba puede darle una mejor idea de cómo la distancia afecta a los visitantes de varias ubicaciones.
Metodología ideal de prueba de velocidad del servidor
Su metodología de prueba debe incluir varias ejecuciones y verse así:
- Ejecute una prueba desde la ubicación 1 y repita 3 veces, registrando los resultados de todas las pruebas.
- Repita el proceso desde otra ubicación de prueba, registrando los datos de manera similar. Te recomiendo que pruebes desde al menos tres áreas estratégicas; Estados Unidos, Europa y Asia.
Herramientas recomendadas para la prueba de velocidad del sitio web
Las herramientas que brindan la mayor cantidad de información sobre el rendimiento de su sitio utilizan visitantes humanos reales para probar la velocidad de su sitio web. Por ejemplo, la prueba de página completa de Pingdom utiliza navegadores reales (IE9, Chrome y Firefox) en ubicaciones reales (EE. UU., Australia, Europa) para cargar su sitio y proporcionar informes de rendimiento.
Debido a que prueba su sitio como una entidad completa, incluidos todos los objetos en la página, puede ofrecer sugerencias para mejorar el rendimiento e información sobre lo que podría estar ralentizando su sitio.
Sin embargo, hay muchas otras herramientas útiles de prueba de velocidad del sitio web que puede considerar, que incluyen:
Para obtener una lista completa de estas herramientas, consulte nuestro Lista de herramientas gratuitas de prueba de velocidad de sitios web.
Comprender la terminología de la prueba de velocidad
Una prueba de velocidad del sitio web es útil de muchas maneras, pero solo mientras comprenda cómo usar los resultados. Solo sabiendo lo que significan los datos puede implementar las correcciones adecuadas para mejorar el rendimiento de su sitio web.
Antes de sumergirnos en la interpretación de los resultados de las pruebas de velocidad, es útil familiarizarse con algunos términos. Estos términos se asocian principalmente con la creación de redes.
Estado latente
El tiempo que toma todo lo que sucede entre el momento en que hace clic en un enlace o ingresa una dirección en su navegador y cuando ve que los resultados aparecen en su pantalla. La medida estándar de latencia es en milisegundos (ms).
Ping
A menudo confundido con Latencia, Ping es un término preciso que se usa para describir el tiempo que tarda un solo paquete de datos en salir de su computadora y llegar a su destino. Al igual que la latencia, mide el ping en ms.
Primer byte o tiempo hasta el primer byte (TTFB)
TTFB es una medida utilizada para indicar la capacidad de respuesta de un servidor web. El TTFB se mide como la duración desde que el usuario o cliente realiza una solicitud HTTP hasta que el navegador del cliente recibe el primer byte.
Tamaño de página
El tamaño de una página web es el tamaño de todos sus contenidos. Para que un navegador web cargue completamente una página web, debe descargar todos los contenidos, incluidos Código HTML, imágenes, hojas de estilo, etc. Cuanto mayor sea la suma de estos contenidos, más tiempo tardará en cargarse.
Primer interactivo
La mayoría de los navegadores web permitirán a los usuarios comenzar a realizar actividades en un sitio web antes de que se cargue por completo. First Interactive es la cantidad de tiempo en su sitio web antes de que esto suceda.
Dependiendo de la herramienta de prueba de velocidad del sitio web que elija, es probable que encuentre más términos. Éstos incluyen:
- Pintura contenta más grande (LCP)
- Primera pintura con contenido (FCP)
- Cambio de diseño acumulativo (CLS)
- Tiempo total de bloqueo (TBT)
Y más. Trate de aprender tanto como sea posible acerca de lo que significan estos términos si tiene la intención de utilizar una prueba que proporcione los datos anteriores.
Interpretación de los resultados de la prueba de velocidad
Como puede ver en la terminología anterior, puede ser difícil aplicar un método de interpretación a todas las herramientas de prueba de velocidad del sitio web.
Debido a esto, voy a usar una herramienta como ejemplo: Google Insights PageSpeed.
Google PageSpeed Insights es excelente ya que Google lo proporciona y probablemente demostrará lo que prefiere el gigante de las búsquedas. También es extremadamente fácil de usar, brinda resultados visuales y consejos sobre cómo abordar los problemas descubiertos.
Google prueba por separado el rendimiento móvil y de escritorio y se centra en cuatro elementos clave: Primera pintura con contenido (FCP), Primera demora de entrada (FID), Pintura con contenido más grande (LCP) y Cambio de diseño acumulativo (CLS).
Cada área probada devolverá un resultado en segundos y una barra de indicación de calidad. El verde significa bueno, el naranja significa que necesita mejorar y el rojo requiere una atención más urgente.
Desplazarse hacia abajo en la página proporcionará un desglose de las áreas de prueba individuales y los factores que contribuyen a cada una. Puede usar esto para realizar mejoras quirúrgicas en su sitio web.
Solución de problemas de resultados lentos de la prueba de velocidad del sitio web
La mayoría de los sitios web lentos son el resultado de conjuntos similares de deficiencias. Por ejemplo, los tiempos altos de CLS son el resultado de no optimizar las imágenes correctamente. Sin embargo, dada la cantidad de áreas que necesitan atención, es imposible cubrirlas de manera integral.
Algunos problemas y soluciones comunes incluyen:
Reducir JavaScript no utilizado
Sitios web dinámicos (como los que se ejecutan en WordPress ) a menudo encuentran este problema. Puede solucionar el problema utilizando un buen complemento de caché para reducir la redundancia de JavaScript.
Reducir el impacto del código de terceros
Muchos sitios web hoy en día son modulares y usan componentes de varios desarrolladores (por ejemplo, Google, Facebook, Fonts, etc.). Esta combinación a menudo resulta en una falta de cohesión que afecta el desempeño. Agilice su sitio web y use la menor cantidad posible de fuentes de código diferentes.
Reducir el tiempo de respuesta inicial del servidor
Esencialmente, Google te dice que tu servidor web apesta. El alojamiento web por debajo del nivel a menudo resulta en velocidades deficientes, y hay poco que puede hacer excepto mudarse a otro proveedor de alojamiento.
Los elementos de imagen no tienen ancho y alto explícitos
Muchos propietarios de sitios web cometen el error de simplemente cargar imágenes sin optimizaciones adicionales. Al cargar imágenes, especifique los parámetros para evitar confundir a los navegadores web y causar demoras en el tiempo de carga.
Sirva imágenes en formatos de próxima generación
Para las imágenes, no solo son importantes las dimensiones, sino también el formato de la imagen. Los formatos de próxima generación como WebP aumentan la compresión, lo que hace que las imágenes se descarguen más rápido a través de la web.
Sirva activos estáticos con una política de caché eficiente
Parte del contenido se descarga y se guarda en su navegador cuando los visitantes cargan su sitio web. Este proceso ayuda a mejorar el rendimiento de las visitas repetidas. La configuración de políticas de caché les permite a los navegadores saber cuánto tiempo deben retener esas imágenes antes de repetir una solicitud.
Evite un tamaño de DOM excesivo
DOM se refiere al tamaño de su página web. Recibir una advertencia de DOM excesivo significa que debe considerar optimizar la página. Puede hacer esto de muchas maneras, como rojoucing el número de imágenes en la página o usando menos secciones.
Evite grandes cambios de diseño
Los sitios web dinámicos generan secciones de página sobre la marcha. Cuando tiene muchos de estos elementos redimensionables en una página, el diseño cambiará con frecuencia, lo que dará como resultado una experiencia de usuario deficiente. Siempre que sea posible, defina correctamente los elementos de la página.
Las posibilidades son infinitas. Antes de intentar solucionar estos problemas uno por uno, le recomiendo que considere optimizar a fondo su sitio web. Hay muchas mejoras de rendimiento universalmente aceptadas que los propietarios de sitios web deben implementar.
Para obtener más información, lea la guía de WHSR sobre mejorando el rendimiento de su sitio web.
Reflexiones finales sobre las pruebas de velocidad del sitio web
Las pruebas de velocidad del sitio web son una excelente manera de obtener una instantánea del rendimiento de su sitio web. Estas herramientas son fáciles de usar y generalmente proporcionan datos relativamente precisos. Por supuesto, también ayuda que muchas excelentes herramientas de prueba de velocidad de sitios web sean gratuitas.
Sin embargo, es esencial recordar que la palabra operativa en las declaraciones anteriores es "instantánea". Las pruebas de velocidad del sitio web son estáticas y los cambios menores en su sitio web pueden cambiar los resultados de manera significativa. Por eso, es mejor programar evaluaciones periódicas del rendimiento de su sitio web y rectificar los problemas recién descubiertos lo antes posible.
