Mide la VELOCIDAD de Carga Web, 20 Herramientas 🤖

Vivimos en un mundo «rápido«, que todo cambia deprisa y no tenemos tiempo ni de parar a mirar. Con las páginas web y blogs pasa lo mismo, buscamos la información y la queremos buena y deprisa. Es por esto por lo que la velocidad de carga de tu página web se está convirtiendo en un deber más de toda web que quieras posicionar en las primeras posiciones de cualquier motor de búsqueda.

Este factor ha tomado un papel fundamental en aspectos como la captación de tráfico orgánico y, a su vez, ha sido un elemento imprescindible de analizar para trabajos de usabilidad y optimización de landing pages o procesos de compra. Además es un factor cada vez más importante para los motores de búsqueda como Google. Vamos a ver las herramientas que necesitas conocer para medir la velocidad de carga de tu página web o blog.

Importancia de la velocidad de carga

Este aspecto, a veces olvidado en la creación de páginas web, afecta tanto a la conversión propia dentro de la web, como al posicionamiento en buscadores o a tus campañas de pago por click. En los negocios online el tiempo es oro, y por tanto si hablamos de negocios muy grandes podemos asegurar que la mejora en segundos se traduce en millones de beneficio o pérdidas. En cifras podemos observar:

• Amazon: 0,1 segundos de retraso implican una pérdida del 1% de los ingresos.
• Facebook: 0,5 segundos más lento provoca una caída de tráfico del 3%; 1 segundo provoca una caída del 6%.
• Google Maps: redujo un 30% el tamaño de sus ficheros y el número de peticiones aumentó un 30%.
• Yahoo!: 0,4 segundos de retraso causan una caída entre el 5% y el 9% del tráfico.

Estos son tan solo algunos ejemplos de cómo puede afectar la velocidad de carga a una página web. Es imprescindible entender cuales son los factores más importantes que determinan el tiempo de carga de esa página web.

Factores que determinan el tiempo de carga de una web

Desde que google ha comenzado a valorar más el tiempo de carga de una web como un factor SEO cada vez más relevante. Recibo muchas consultas sobre este tema, asi que vamos a ver algunos de los factores que más influyen en la velocidad de carga de una web o blog.

1. Hosting: Sin duda el principal factor. Dónde está ubicado el servidor, la latencia del mismo, el número de saltos (tracert) hasta llegar al mismo, el tiempo de respuesta, la velocidad del disco duro que tiene instalado, los recursos del servidor (RAM, Procesadores, etc), tipo de tarjeta de red, Sistema Operativo, ancho de banda asignado, etc. Un hosting de calidad es necesario, a ser posible en el mismo país hacia el que va dirigida la web, con unas características suficientes y a ser posible dedicado (muy importante este detalle). yo recomiendo estos.
2. Red: No es lo mismo la red donde está conectada nuestro servidor, al igual que la red a la que se conectan nuestros clientes. Que tu centro de datos tenga contratada una red de calidad es muy recomendable, tanto por fiabilidad como por velocidad. A veces se redireccionan a otros nodos por averías en la red o mantenimiento, y pasamos de tener un tracert de 8 saltos a tener uno de 13 saltos. Cuanto menos nos pase, mejor. El operador de ADSL (o similares) con el que trabajen nuestros clientes también influirá en la velocidad a la que ellos cargarán nuestra página web, aunque este factor escapa totalmente a nuestro control (no somos google, no tenemos centros de datos completos para nosotros).
3. Programación: Otro factor muy importante. En igualdad de condiciones, una web bien programada y optimizada, sobre todo en temas de diseño y consultas a bases de datos, correcto uso de la cache, etc, influye enormemente en la velocidad de carga de la misma. Hay que cuidar cada vez más estos detalles.

Cómo medir y mejorar la velocidad de carga de tu página web

#1 App Synthetic Monitor

App Synthetic Monitor te permite ver información actualizada sobre la accesibilidad de tu página web o blog. Te envía alertas por correo electrónico, SMS (mensaje de texto) o RSS. También disponer de una verificación continua de la calidad de la accesibilidad de tu servidor web (24 horas al día, 7 días a la semana) y te envía informes periódicos por correo electrónico.

#2 Dareboost

DareBoost es una herramienta con un buen diseño, que comprueba un centenar de puntos en sus sitios web y ofrece detalles sobre el rendimiento, además de darte información valiosa de SEO, la accesibilidad, la calidad del código, y más. Da de forma sencilla una puntuación de: Tiempo de carga, tamaño de la página, requerimientos al servidor, Validación de W3 con errores en HTML y Css y que tecnologías se utilizan como avatar, WordPress, php etc.

#3 Dotcom Monitor

Esta herramienta es muy sencilla y con gran usabilidad. Te permite probar la velocidad sitio web desde múltiples ubicaciones en todo el mundo. Te proporciona información según el tipo de navegador de la página web (incluye Android para móviles). Detecta elementos lentos y faltantes, informe en cascada, tablas y gráficos

#4 Google Analytics

Otra forma de medir la velocidad de tu web, es dentro del panel de Google analytics, donde te pondrá la velocidad de cada página. Está dentro del panel de control «Informes > Comportamiento > Velocidad del Sitio«.

#5 GTmetrix

Es, a mi criterio, la mejor herramienta para medir la velocidad de carga de todas, ya que nos muestra de manera porcentual el impacto de cada error de tu página web y su correspondiente solución de forma detallada y fácil de corregir. Además, en GTmetrix podremos medir la velocidad de nuestra página web utilizando tecnología de Google page Speed y Yahoo! YSlow y ver cual es su comportamiento en una gran cantidad de parámetros tales como JavaScript, CSS, Solicitudes HTTP, Búsquedas de DNS, Ajax, Cantidad de elementos DOM y escalado de imágenes. Comprueba la eficiencia de todos estos elementos, realiza comparaciones con otras páginas web y, por si fuera poco, nos da un millón de consejos para las correcciones.

#6 Load Impact

Load Impact, es una página con buen diseño y usabilidad. Realiza pruebas para medir el estrés y resistencia de una página web. En la opción gratuita nos da información, mediante una simulación de carga con 50 usuarios y nos proporciona gráficas.

#7 Monitis

Monitis realiza un test simultáneo de la página en diferentes localizaciones: Estados Unidos, Europa y Asia/Pacífico. En dicho test muestra el numero de peticiones o solicitudes, las diferentes URL, su estatus, su tamaño y un timeline gráfico, en colores, que representa la velocidad de conexión, envío, espera y recepción de datos, así como el total de solicitudes hechas, su peso total y el tiempo total. Además, cuenta con otras opciones de análisis: Traceroute, Ping, Site check y Mask calculator.

#8 Nibbler

Herramienta que analiza toda la página, recoge datos desde Alexa y Moz muy interesante para el SEO, además de un gran usabilidad y da puntuaciones de cada apartado del sitio web.

#9 Octagate Sitetimer

La monitorización de los resultados de Octagate Sitetimer se muestran en forma de gráficas de colores, diferenciando el comienzo, la conexión, la descarga del primer byte y la finalización de la descarga total del fichero. Aunque escuetos, agradecemos que añada una serie de consejos para optimizar el sitio web.

#10 PageSpeed Insights

Google también quiere facilitarnos la vida. Para ello, mide de 0 a 100 la velocidad de carga del sitio e indica, por orden de prioridad, qué mejorar, aportando información al respecto.. Si utilizas el servicio de herramientas para webmasters, hay una versión reducida donde podrás ver la calificación general y una comparación con el resto de sites que integran el índice de Google. Es simple y da mucha información sobre la velocidad de carga de tu web. Separa la velocidad según sea ordenador o dispositivo móvil.

#11 Pingdom Tools

Pingdom Tools es, sin duda, la herramienta online mas completa para medir y mejorar la velocidad de carga de tu página web. Su funcionamiento consiste en testear tu página web por completo rastreando todo el contenido a través del código HTML (es capaz de detectar imágenes, CSS, Javascripts, RSS, Flash y frames/iframes). De hecho, imita la manera en la cual se cargaría tu web normalmente. El funcionamiento es realmente sencillo, solo ingresamos la url y listo, le damos clic en “Test now!”, pero no todo queda ahí, ya que, de forma gratuita, te permite medir bloques muy importantes de tu página web (Test total de la página web, salud DNS, ping y traceroute).

Muy útil sin dudas ya que su gráfico de barras nos permite apreciar el orden en que se cargan los elementos, su tiempo y su peso. También incluye un historial estadístico para ver el avance en la optimización en el paso del tiempo, pero también requiere un dominio propio para que no aparezcan resultados de otros blogs con la terminación .blogspot.com.

#12 Quickprout

Es una de mis favoritas, es una herramienta para analizar todo: SEO, Velocidad, tamaño y peticiones de la página, las Redes Sociales y hacer análisis comparativo con tu competencia. La recomiendo.

#13 SeoSite Checkup

Herramienta para el SEO, permite comparar tu página con la competencia. Puedes hacer un análisis completo o un análisis segmentado sobre la velocidad de tu página.

#14 Show Slow

Para utilizar Show Slow, previamente deberás registrarte o identificarte con tu cuenta de Facebook, LinkedIn o Twitter. Lo verdaderamente interesante de esta aplicación es que nos permite comparar gráficamente, por separado, las variables que deseemos analizar. Para ello, tan solo es necesario seleccionar las que queramos representar en dicho gráfico. Al igual que otras muchas de su tipo, también permite efectuar un análisis de carga en función de la localización y el navegador web.

#15 SEO SiteCheckup

Pese a ser muy sencilla y escueta, SEO SiteCheckup permite analizar hasta un máximo de 10 URL a la vez. Se limita a, exclusivamente, ilustrar, mediante un listado comparativo, el tiempo de respuesta en milisegundos, el tamaño, el tiempo de carga en segundos y la velocidad.

#16 WebPageTest

WebPageTest establece el análisis en base a continentes (América del Norte, América del Sur, Europa, África, Asia y Oceanía), ciudades y navegadores. Dispone de opciones para elegir la velocidad de conexión a internet, así como, por ejemplo, desactivar Javascript e ignorar errores de certificados SSL. El resultado del test puntúa de la A a la F (A es la mejor puntuación posible;F, la peor). Si haces clic en “Details”, puedes ampliar la información facilitada gracias a la vista gráfica en cascada.

#17 Website Goodies

Es una herramienta simple, nos proporciona información sobre el tiempo de descarga y el tamaño. Por lo que si tu web alcanza más de 1 o 2 Segundos te recomienda cambiar de alojamiento web, el que utilizo yo hace que no llegue a 1 segundo.

#18 Yahoo Yslow

YSlow es un addon desarrollado por Yahoo!. Además de otorgar un puntaje en base a parámetros predeterminados, es posible añadir análisis propios o ver los resultados en la barra de estado mientras navegamos. El paquete incluye Smush.it, una pequeña aplicación para optimizar imágenes, y JSLint, que evalúa la calidad del código JavaScript, buscando errores de sintaxis o posibles fallos de seguridad. Es una herramienta que funciona con la aplicación FireBug para Firefox. Con esta herramienta podrás, de una manera fácil y rápida, saber qué elementos de tu página no se están comportando de la manera más adecuada, entre otros compresiones Gzip, ficheros JS, número de llamadas al servidor, etc.

#19 Woorank

Otra de mis herramientas preferidas, fácil de usar y un gran diseño. Con esta herramienta podréis hacer un análisis completo de vuestra página. He incluye la velocidad para móviles, fundamental para los nuevos tiempos.

#20 ZoomPF

Para valorar la velocidad de carga de un sitio web utilizando ZoomPF se necesita, obligatoriamente, registrarse aportando tu dirección de correo electrónico (recibirás un e-mailque deberás confirmar). El resultado muestra una puntuación de 0 a 100, además de gráficas de barras representadas por colores atentiendo a la gravedad del problema. También aporta el número de elementos que se deberían solucionar, por orden de prioridad, además de a cuántas páginas afecta cada uno de ellos. Cuenta con versión ampliada, Zoomp WPO, la cual admite escaneos y reportes ilimitados, análisis de dispositivos móviles, etc.

Es clave mejorar la velocidad de carga de web

Algunos últimos consejos serían:

• Deja de usar algun plugin (en el caso de que uses wordpress)
• Reducir un poco las imagenes (aprende a optimizar las imágenes)
• Reducir el numero de queries o consultas que hace tu blog
• Une todos los archivos CSS
• Busca botones sociales que usen sprites.
• Eliminar scripts innecesarios
• Eliminar o reducir la cantidad de imagenes alojadas en otros servidores
• Contrata un buen hosting

Podría seguir, pero lo mejor es que hagas una prueba de carga a tu página web o blog y que lo vayamos viendo sobre la marcha. ¿Qué herramienta de análisis de carga de una página web te ha gustado más? Que no se te olvide comentar y compartir.