Cómo funcionan las pruebas de velocidad del sitio web

Actualizado: 2022-04-25 / Artículo por: Timothy Shim

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? Velocidad del sitio web Las pruebas 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.

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. 

Latencia explicada
El tiempo de viaje de los datos está limitado por la distancia física. Los tiempos de respuesta reales del servidor varían según la ubicación del servidor.

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í:

  1. Ejecute una prueba desde la ubicación 1 y repita 3 veces, registrando los resultados de todas las pruebas.
  2. 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 de prueba de velocidad del sitio web recomendadas

Ejemplo de pruebas de velocidad del sitio web
Ejemplo: pruebas de velocidad del sitio web que hicimos para nuestros sitios de prueba alojados en Interserver (más detalles aquí) desde diferentes ubicaciones usando WebPageTest.org

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 20 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:

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

PageSpeed ​​Insights de Google proporciona una evaluación rápida de su rendimiento del sitio web.

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.

Leer también

Solución de problemas de resultados lentos de la prueba de velocidad del sitio web

Datos de resultados de la prueba de velocidad - Gráfico de cascada
Los gráficos en cascada, generalmente proporcionados por la mayoría de las mejores herramientas de prueba de velocidad, muestran una progresión detallada de la carga de elementos de la página web, lo que le permite ver qué ocupa más tiempo. 

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 promedio a menudo resulta en velocidades bajas, y hay poco que puede hacer excepto mudarse a otro proveedor de hosting.

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 más modificaciones. 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 reducir la cantidad de imágenes en la página o usar 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 WHSRla guía de 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.

Leer más

Acerca de Timothy Shim

Timothy Shim es escritor, editor y experto en tecnología. Comenzando su carrera en el campo de la tecnología de la información, rápidamente encontró su camino en la impresión y desde entonces ha trabajado con títulos de medios internacionales, regionales y nacionales, incluidos ComputerWorld, PC.com, Business Today y The Asian Banker. Su experiencia se encuentra en el campo de la tecnología tanto desde el punto de vista del consumidor como desde el de la empresa.