10 herramientas de velocidad de página para ver qué tan rápido se cargan sus páginas de destino

La mayoría de los sitios pierden la mitad de sus visitantes mientras se carga una página. Esa es una realidad impactante que es difícil de creer, pero tal vez no cuando se tiene en cuenta que la tasa de rebote promedio de una página web es del 58,18% en la actualidad. Peor aún, la tasa de rebote promedio de la página de destino posterior al clic varía del 60 al 90%.

Las páginas móviles se ven igualmente afectadas por las velocidades de página lentas. Un estudio de 2016 de Google y SOASTA descubrió que el tiempo de carga promedio de un sitio web móvil para las sesiones con rebote era aproximadamente 2,5 segundos más lento que el de las sesiones sin rebote.

Los sitios web de carga más rápida generalmente generan tasas de rebote más bajas, además de clasificaciones de SEO más altas, visitas más largas al sitio, más participación y tasas de conversión más altas. Con una correlación tan fuerte entre el tiempo de carga y la tasa de rebote, los especialistas en marketing deben aprovechar las herramientas de velocidad de la página para obtener los mejores resultados.

Antes de analizar las herramientas más confiables para probar la velocidad de la página, veamos los factores más comunes y los elementos de la página que la afectan.

¿Cómo se ve afectada la velocidad de la página?

Cuando se realiza una solicitud de página, los componentes del lado del front-end y del lado del servidor deben completar sus operaciones individuales. Entonces, incluso después de haber optimizado su interfaz, puede acelerar el tiempo de carga aún más optimizando el lado del servidor (cómo su servidor genera la página):

Dado que ambos lados son secuenciales, su tiempo acumulado se considera el tiempo total de carga de la página.

Algunos de los factores más comunes que ralentizan la velocidad de la página en algún lugar de la imagen de arriba incluyen:

• Imágenes y gráficos de texto grandes
• Video
• Longitud de la página
• Scripts, fuentes y complementos (HTML, JavaScript, CSS)
• Redireccionamientos innecesarios
• Geografía (país, ciudad, organización, ISP, velocidad de la red)
• Banda ancha

Las siguientes herramientas ayudan a probar una variedad de estos problemas, lo que le brinda una mejor comprensión de la velocidad de su sitio web.

Las 10 herramientas de velocidad de página más confiables

Nota: Cada una de estas herramientas ofrece sus propias características, informes y formas de analizar los resultados, lo que significa que puede recibir diferentes resultados de tiempo de carga de la página. La distancia geográfica entre la ubicación de prueba y el servidor donde está alojado su sitio web también juega un papel importante. Además, ejecutar una herramienta por primera vez puede ser más lento, por lo que es mejor ejecutar pruebas varias veces y obtener un promedio de los resultados.

1. GTmetrix

GTmetrix analiza su sitio utilizando una combinación de 27 recomendaciones de velocidad de página (la prueba de velocidad de Google) y 19 recomendaciones de YSlow (la prueba de velocidad de Yahoo). En la parte superior del informe, las puntuaciones de rendimiento se proporcionan de la A a la F, así como los detalles de la página, incluido el tiempo de carga, el tamaño de la página y el número de solicitudes.

El tiempo de carga se proporciona como "tiempo de carga completa" de forma predeterminada (el tiempo desde que el visitante navegó inicialmente a la página hasta 2 segundos después de que no haya actividad en la red). El “tiempo de carga” es opcional (cuando la página web ha terminado de procesarse y todos los recursos de la página, incluidas las imágenes, el texto y los scripts, han terminado de descargarse). El resto del informe se divide en seis secciones diferentes: PageSpeed, YSlow, cascada, tiempos, video e historial.

GTmetrix le permite probar y comparar el rendimiento del sitio web con varios tipos de conexión para ver cómo afecta la velocidad de carga de su página. Ofrece una función de limitación de la conexión para simular los posibles tipos de conexiones a Internet que los visitantes de su sitio podrían estar usando: cable, DSL, móvil 3G, móvil 2G y marcación 56K. También puede seleccionar Chrome o Firefox como posible navegador.

Esta herramienta tiene 7 ubicaciones de prueba, pero proporciona un total de 28 servidores de prueba dedicados: 11 en Vancouver, Canadá; 5 en Dallas, Estados Unidos; 7 en Londres, Reino Unido; 2 en São Paulo Brasil; 1 en Sydney, Australia; 1 en Mumbai, India; y 1 en Hong Kong, China.

GTmetrix admite HTTP / 2, que carga páginas web más rápido que HTTP / 1.1, al intentar resolver muchas de las deficiencias y limitaciones de HTTP / 1.1. Los beneficios de HTTP / 2 incluyen:

• Multiplexación y simultaneidad (se pueden enviar varias solicitudes en rápida sucesión en la misma conexión TCP)
• Dependencias de transmisión
• Compresión de encabezado
• Empuje del servidor

Además, GTmetrix es una de las pocas herramientas de velocidad de página que también ofrece pruebas de rendimiento móvil. Utiliza dos teléfonos Samsung Galaxy Nexus, por lo que los usuarios pueden generar informes de rendimiento basados ​​en cargas de páginas reales en estos dispositivos.

2. Pingdom

Pingdom te permite probar la velocidad de tu sitio web desde 3 ubicaciones principales:

• Dallas, Texas
• Melbourne, Australia
• San Jose, California

Proporciona una calificación de rendimiento basada en las recomendaciones de PageSpeed ​​de Google para la versión gratuita y las recomendaciones de YSlow para la versión de pago. Pingdom también muestra el tiempo de carga, el tamaño de la página, la cantidad de solicitudes y cómo su sitio se compara con otros sitios. La información adicional incluye un desglose del tamaño de la página por tipo de contenido, tamaño de la página por dominio, solicitudes por tipo de contenido y por dominio.

Uno de los principales beneficios de una prueba de velocidad de Pingdom es que los usuarios reciben información sobre el rendimiento, que describe dónde se pueden realizar mejoras. Sin embargo, a diferencia de GTmetrix, Pingdom solo ofrece tiempo de carga (no tiempo de carga completa), no ofrece limitación de conexión y no es compatible con HTTP / 2.

3. Google PageSpeed ​​Insights

PageSpeed ​​Insights es una prueba de velocidad de Google que brinda recomendaciones para mejorar y califica su página de 0 a 100 puntos, según dos parámetros:

1. Tiempo de carga en la mitad superior de la página (el tiempo total que tarda una página en mostrar contenido en la mitad superior de la página después de que un usuario solicita una página nueva)
2. Tiempo para cargar la página completa (el tiempo que le toma a un navegador renderizar completamente una página después de que un usuario la solicita)

Cuanto mayor sea su puntuación, más optimizado estará su sitio y cualquier valor superior a 85 indica que su página está funcionando bien.

PageSpeed ​​Insights proporciona informes para la versión de escritorio y móvil de su página. Recupera la URL dos veces: una con un agente de usuario móvil y otra con un agente de usuario de escritorio. El informe móvil incluye una categoría adicional denominada "Experiencia de usuario" que incluye la configuración de su ventana gráfica, el tamaño de los botones táctiles (botones y enlaces) y los tamaños de fuente.

El equipo de PageSpeed ​​Insights también lanzó recientemente una nueva herramienta de velocidad de página en "Think with Google", que es la siguiente en la lista.

4. Piense con Google: pruebe mi sitio

La diferencia con este es que solo prueba las velocidades de las páginas móviles.

En la parte superior de la página de resultados, se encuentran el tiempo de carga y la pérdida estimada de visitantes (que representa el porcentaje de visitantes perdidos de su página debido al tiempo de carga):

El "tiempo de carga" es un índice de velocidad (no un tiempo de carga completa), que mide cuánto tiempo tarda el contenido de la página visible en aparecer usando Chrome en un dispositivo Moto G4 dentro de una red 3G. (Nota: se utiliza una red 3G para realizar pruebas porque el 70% de las conexiones de red celular a nivel mundial se realizarán a velocidades 3G o más lentas hasta 2020).

La sección central de los resultados es una comparación de la industria, calculada a partir de un estudio interno de Google de más de 5 millones de páginas web:

Por último, la herramienta Probar mi sitio muestra cuánto tiempo se podría ahorrar haciendo algunas correcciones en su página, con un informe detallado de las correcciones recomendadas por PageSpeed ​​Insights:

5. Cuadro de mando de velocidad de Google

Speed ​​Scorecard incluye miles de sitios en 12 países diferentes en su base de datos y le permite comparar hasta 10 dominios para ver cómo se compara su sitio móvil. También puede comparar la velocidad de carga de su página en conexiones 3G y 4G.

Dado que discutimos cómo las velocidades lentas de carga de la página pueden afectar las tasas de rebote y las tasas de conversión, ¿qué pasa con los ingresos? Para darle una idea, Google también incluyó una Calculadora de impacto para estimar la cantidad en dólares de los ingresos potenciales que las marcas podrían perder con las páginas de carga lenta:

Para ver sus pérdidas estimadas, complete los campos de la calculadora: dominio, velocidad actual, visitantes mensuales promedio, valor de pedido promedio y tasa de conversión (muchos de estos se pueden encontrar en el panel de Google Analytics).

6. KeyCDN

KeyCDN es otra herramienta de velocidad de página que funciona bien en dispositivos móviles. KeyCDN ofrece 16 ubicaciones de prueba para seleccionar en todo el mundo con la opción de hacer que los resultados de las pruebas sean privados o compartirlos públicamente con otros.

Los resultados incluyen un desglose en cascada con una vista previa del sitio web en la parte inferior. Dentro de los resultados, puede ver cuántas solicitudes HTTP se realizaron, el tamaño completo de la página solicitada y el tiempo de carga.

7. WebPagetest

WebPagetest incluye más de 40 ubicaciones de prueba diferentes para elegir y más de 25 navegadores, incluidos 14 dispositivos móviles. Hay tantas ubicaciones de prueba disponibles porque cualquiera puede alojar una ubicación de prueba para WebPagetest, siempre que cumplan con los requisitos mínimos del sistema.

Las pruebas se pueden ejecutar con una función de limitación de la conexión para simular las posibles conexiones a Internet que los visitantes del sitio podrían estar usando: Cable, DSL, 3G lento, 3G, 3G rápido, 4G, LTE, Mobile Edge, 2G, marcación 56K, FIOS, conexión nativa y velocidades personalizadas.

Ofrece un enfoque de prueba único, ejecutando una "primera vista" y una "vista repetida". También proporciona funciones más avanzadas como captura de video, transacciones de varios pasos, bloqueo de contenido, deshabilitación de JavaScript, ignorar certificados SSL y suplantación de cadenas de agentes de usuario.

Cuando WebPagetest proporciona sus resultados, asigna a su sitio una calificación de letra de la A a la F, según el tiempo de carga completa de forma predeterminada, con el tiempo de carga opcional. Otros parámetros de puntuación incluyen FTTB, compresión, almacenamiento en caché, uso efectivo de una CDN y más. El informe está dividido en seis secciones: un resumen, detalles, revisión del rendimiento, desglose del contenido y capturas de pantalla, que brindan información de diagnóstico rica con gráficos en cascada, verificaciones de optimización de la velocidad de la página y sugerencias de mejora.

Una nota final es que HTTP / 2 es compatible con WebPagetest.

8. Dotcom-Monitor

Dotcom-Monitor ofrece 20 ubicaciones de prueba diferentes en todo el mundo y siete navegadores, incluidos dispositivos móviles y basados ​​en la nube. Lo único de esta herramienta es que puede ejecutar todas las pruebas geográficas simultáneamente y luego hacer clic en cada informe para obtener más información sobre ellas.

Los informes se dividen en cinco secciones: resumen, rendimiento, desglose en cascada, host y errores en las que puede encontrar:

• Resumen por ubicación
• Prueba de tiempo de carga basada en navegador de todos los elementos de la página
• Detección de elementos lentos / faltantes
• 10% de elementos más rápidos
• 10% de los elementos más lentos
• Un gráfico de cascada completo
• Desglose por elemento de host (incluido DNS, conexión, SSL, solicitud, primer paquete y descarga)
• Comprobación y diagnóstico de errores

9. Pagelocity

La herramienta Pagelocity está disponible y responde tanto en dispositivos de escritorio como móviles. Asigna a los usuarios una puntuación total sobre 100 en función de componentes como el estado del contenido, la estructura de la página y la codificación. El informe incluye:

• Resumen de contenido: información valiosa sobre el contenido de texto de su página (palabras clave, enlaces de títulos, texto alternativo para imágenes, etc.)
• Desglose de recursos: información sobre la estructura de su página: cuántas imágenes, scripts o archivos de estilo tiene, así como contenido que bloquea la representación y cómo estos factores podrían estar afectando el tiempo de carga de su página.
• Consejos e información sobre el código : sugerencias sobre cómo actualizar su código para que sea más fácil de mantener y extensible, con datos útiles sobre su marcado (clases / ID, etiquetas, Google PageSpeed, tiempo hasta el primer byte, etc.)

Una característica única de Pagelocity es el análisis competitivo con métricas en paralelo que proporciona, que muestra sus ventajas sobre sus competidores y cualquier debilidad que puedan parecer tener.

10. YSlow

YSlow es un proyecto de código abierto que analiza páginas web basándose en 23 de las 34 reglas de Yahoo! para sitios web de alto rendimiento. Sigue tres pasos para generar los resultados de la prueba de rendimiento:

• Rastrea el DOM para encontrar todos los componentes (imagen, scripts, etc.)
• Recupera información sobre el tamaño de cada componente (gzip, caducidad de encabezados, etc.)
• Utiliza los datos para generar una calificación para cada regla, lo que le brinda una calificación general

YSlow también ofrece un resumen de la página con estadísticas, sugerencias de mejora y herramientas para el análisis del rendimiento (incluidos Smush.it y JSLint).

Para ejecutar la herramienta de velocidad de página YSlow, puede usar la extensión de cromo YSlow u obtener los resultados de YSlow de GTMetrix.

Es importante tener en cuenta que los puntajes, los conocimientos y la retroalimentación que brinda cada una de estas herramientas son recomendaciones, no reglas estrictas o requisitos que deben cumplirse. Además, tenga en cuenta que es posible que ya esté haciendo lo que sugiere un informe y que tal vez la herramienta no lo haya captado.

Si decide que necesita hacer un cambio para que sus páginas web se carguen más rápido y brinden una mejor experiencia de usuario, existen algunas formas comunes.

¿Cómo pueden las marcas acelerar sus páginas web?

Las herramientas anteriores son muy útiles para verificar los problemas importantes de la página que se pueden solucionar fácilmente. Así que tomemos un minuto para abordar algunas de esas correcciones aquí.

Optimizar imágenes

Asegúrese de que las imágenes no sean más grandes de lo necesario, que tengan el formato de archivo correcto y que estén comprimidas para la web. El 25% de las páginas podría ahorrar más de 250 KB al comprimir imágenes y texto, y el 10% podría ahorrar más de 1 MB. Con respecto al video, déjelo fuera o aloje el archivo en otra plataforma (como YouTube o Vimeo) en lugar de sus servidores.

Cargar asincrónicamente

Optar por la carga asincrónica permite que los elementos se carguen simultáneamente, en lugar de secuencialmente, para evitar cualquier retraso en la velocidad de carga de la página.

Minimice CSS, JavaScript y HTML

Optimice su código eliminando espacios, comas y otros caracteres innecesarios, eliminando comentarios de código y minimizando el formato.

Reducir redireccionamientos

Reducir las redirecciones marca una gran diferencia porque cada vez que una página se redirige a otra página, el visitante debe esperar aún más para que se complete el ciclo de solicitud-respuesta HTTP.

Guarde sus páginas en caché

El almacenamiento en caché del navegador significa que el navegador no tiene que recargar toda su página cuando alguien vuelve a visitar su sitio. Al almacenar en caché información como hojas de estilo, imágenes y archivos JavaScript, reduce la cantidad de solicitudes a su servidor, lo que acelera drásticamente el tiempo de carga de la página.

Mejore el tiempo de respuesta del servidor

El tiempo de respuesta del servidor se ve afectado por una variedad de factores: la cantidad de tráfico, los recursos que utiliza cada página, el software utilizado por el servidor y la solución de alojamiento. Para mejorar el tiempo de respuesta del servidor, busque cuellos de botella en el rendimiento, como consultas y enrutamiento lentos de la base de datos y falta de memoria adecuada.

Seleccione una herramienta de velocidad de página que se adapte a sus necesidades

Decidir qué herramienta usar se reduce en última instancia a las métricas que desea rastrear y medir para su sitio. A pesar de las diferencias en la funcionalidad, cada uno proporciona un gran valor para identificar áreas en las que su sitio podría ser lento y brindar información y recomendaciones para acelerarlo.

Al diseñar páginas de destino post-clic de carga rápida, nada se puede comparar con AMP. Con un marco único y HTML mínimo, las páginas de destino AMP post-clic pueden cargarse instantáneamente, lo que proporciona una gran experiencia de usuario. Vea cómo el constructor AMP de Instapage permite a los especialistas en marketing digital crear y publicar cargas rápidas de manera rápida y sencilla solicitando una demostración hoy.