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.

herramientas medir velocidad carga pagina web

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

herramientas medir velocidad carga pagina web blog

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

herramientas medir velocidad carga pagina web blog

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

herramientas medir tiempo carga pagina web blog 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.

Ir a la p√°gina

#2 Dareboost

herramientas medir velocidad carga pagina web blog 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.

Ir a la p√°gina

#3 Dotcom Monitor

herramientas medir velocidad carga pagina web blog dotcom tools website speed test

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

Ir a la p√°gina

#4 Google Analytics

herramientas medir velocidad carga pagina web blog 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¬ę.

Ir a la p√°gina

#5 GTmetrix

herramientas medir tiempo carga pagina web blog 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.

Ir a la p√°gina

#6 Load Impact

herramientas medir tiempo carga pagina web blog loadimpact

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.

Ir a la p√°gina

#7 Monitis

herramientas medir tiempo carga pagina web blog app synthetic monitor

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.

Ir a la p√°gina

#8 Nibbler

herramientas medir tiempo carga pagina web blog nibbler silktide

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.

Ir a la p√°gina

#9 Octagate Sitetimer

herramientas medir tiempo carga pagina web blog octagate

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.

Ir a la p√°gina

#10 PageSpeed Insights

herramientas medir tiempo carga pagina web blog developers google 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.

Ir a la p√°gina

#11 Pingdom Tools

como medir tiempo carga pagina web blog tools pingdom

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.

Ir a la p√°gina

#12 Quickprout

como medir tiempo carga pagina web blog quicksprout speed test tool

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.

Ir a la p√°gina

#13 SeoSite Checkup

como-medir-tiempo-carga-pagina-web-blog-seositecheckup-seo-audit

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.

Ir a la p√°gina

#14 Show Slow

como medir tiempo carga pagina web blog showslow

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.

Ir a la p√°gina

#15 SEO SiteCheckup

como-medir-tiempo-carga-pagina-web-blog-seositecheckup-seo-audit

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.

Ir a la p√°gina

#16 WebPageTest

herramientas medir velocidad carga pagina web blog 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.

Ir a la p√°gina

#17 Website Goodies

herramientas medir velocidad carga pagina web blog websitegoodies tools speedtest

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.

Ir a la p√°gina

#18 Yahoo Yslow

herramientas medir velocidad carga pagina web blog 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.

Ir a la p√°gina

#19 Woorank

herramientas medir velocidad carga pagina web blog 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.

Ir a la p√°gina

#20 ZoomPF

herramientas medir velocidad carga pagina web blog 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.

Ir a la p√°gina

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.

Estas herramientas también te pueden interesar
mejores herramientas marketing online

Cuando empec√© mi carrera profesional, recuerdo que estaba algo abrumado por el gran n√ļmero de proyectos, clientes y plazos. En el proceso, no¬†era raro encontrarme con personas que ‚Äúno daban de s√≠‚ÄĚ.

El trabajo era m√°s duro por la falta de herramientas efectivas para medir, analizar y ejecutar los datos. Por eso mismo he hecho un listado de las mejores herramientas que conozco.

Ver las herramientas