Las 15 mejores herramientas gratuitas de prueba de velocidad de sitios web de 2018

La velocidad de un sitio web puede ser un factor crítico para su éxito. Como se discute en nuestra guía de la red de entrega de contenido, los sitios web que cargan más rápido pueden beneficiarse de un mayor ranking SEO, mayores tasas de conversión, menores tasas de rebote, mayor duración de los visitantes en el sitio, mejor experiencia general del usuario y compromiso. Por eso es importante aprovechar las numerosas herramientas gratuitas de comprobación de la velocidad del sitio web que existen para conseguir un rendimiento óptimo. Google quiere que tu sitio se cargue en menos de un segundo.

¿Qué puede ayudarte a analizar un test de velocidad de sitios web?

Aquí tienes algunas de las formas más comunes en las que se utilizan las herramientas de test de velocidad de sitios web:

• Pinpointing scripts, fonts, and plugins causing load time issues (HTML, JavaScript, CSS)
• Checking minification of your scripts
• Finding large images resulting in bottlenecks
• Determining if you have render-blocking JavaScript or CSS
• Testing Time to First Byte (TTFB)
• Analyzing total load times, page sizes, and # of requests
• Checking performance from different geographical locations
• Checking rendering speed in different browsers
• Analyzing HTTP Headers
• Measuring performance of your content delivery network
• Verifying that assets are loading correctly from your CDN

Website speed concepts

Before running a website speed test it is important to understand a few concepts behind how these tools work so that you can better analyze the data and then optimize your site accordingly. No sólo puede probar la velocidad de su alojamiento web, sino que también puede medir el rendimiento de su CDN.

Tiempo hasta el primer byte (TTFB)

El tiempo hasta el primer byte (TTFB) es la medida de la capacidad de respuesta de un servidor web. Básicamente es el tiempo que tarda el navegador en empezar a recibir información después de haberla solicitado al servidor. Al utilizar una CDN puede reducir drásticamente el impacto de la carga en su servidor de origen, lo que a su vez debería ayudar a disminuir su TTFB.

Lea más sobre el tiempo hasta el primer byte y el tiempo hasta el último byte.

Bloqueo de JavaScript y CSS

El bloqueo de la renderización se refiere a JavaScript y CSS que impiden que tu página se cargue tan rápido como podría.

JavaScript

Google recomienda eliminar o aplazar el JavaScript que interfiere con la carga del contenido above the fold de tus páginas web. Here is a great tutorial on how to properly defer JavaScript loading.

Example of deferring JavaScript by placing it just before your </body> tag.

function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "defer.js"; document.body.appendChild(element);}if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false);else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload);else window.onload = downloadJSAtOnload;

CSS

You will then also want to optimize your CSS delivery to keep it from causing delays on page load. Here are a few ways to fix this:

1. Properly call your CSS files
2. Lessen the amount of CSS files
3. Use less CSS overall

Here is a great article on render-blocking CSS by Ilya Grigorik, a web performance engineer at Google.

CSS is a render blocking resource, get it down to the client as soon and as quickly as possible to optimize the time to first render!

Minification of resources

Minification of resources means removing unnecessary characters from your HTML, JavaScript, and CSS that are not required to load, such as:

• Caracteres de espacio en blanco
• Caracteres de nueva línea
• Delimitadores de bloque

Esto acelera tus tiempos de carga ya que reduce la cantidad de código que tiene que ser solicitado al servidor. Puedes utilizar una herramienta como Dan’s CSS and JavaScript Minify para eliminar todos los caracteres innecesarios. O si estás ejecutando WordPress puedes usar un plugin como Autoptimize, que minificará todo tu HTML, JavaScript y CSS por ti.

Solicitudes HTTP

Cuando tu navegador obtiene datos de un servidor lo hace usando HTTP (Hypertext Transfer Protocol). Se trata de una petición/respuesta entre un cliente y un host. En general, cuantas más peticiones HTTP haga tu página web, más lenta será su carga.

Hay muchas formas de reducir el número de peticiones como:

• Combinando tus archivos CSS y JavaScript
• En línea tu JavaScript (sólo si es muy pequeño)
• Usando CSS Sprites
• Reduciendo activos como plugins de terceros que hacen un gran número de peticiones externas

Lista de herramientas de prueba de velocidad de sitios web

Ahora que tienes una comprensión básica de los conceptos de rendimiento web anteriores, echa un vistazo a estas 15 herramientas gratuitas a continuación para probar la velocidad de tu sitio web. Cada una de ellas ofrece sus propias características únicas, informes y diferentes maneras de diseccionar sus resultados.

También es importante tener en cuenta cuando se ejecutan herramientas como estas que una primera búsqueda de DNS será generalmente más lenta. Si está comparando los tiempos de carga totales, a veces es mejor ejecutar las pruebas varias veces y tomar un promedio de los resultados.

KeyCDN Website Speed Test

KeyCDN construyó una herramienta de prueba de velocidad del sitio web rápida y ligera que puede utilizar para obtener información detallada sobre el rendimiento de su sitio web. Si ofrece 14 ubicaciones para elegir alrededor del mundo, y usted tiene la opción de hacer sus resultados de la prueba privada o pública. La prueba incluye un desglose en cascada y una vista previa visual del sitio web en la parte inferior. Puedes ver rápidamente cuántas peticiones HTTP se hicieron, el tamaño completo de la página solicitada y el tiempo de carga.

También es una de las únicas herramientas, además de PageSpeed, que es responsiva y funciona muy bien en dispositivos móviles.

Google PageSpeed Insights

Google PageSpeed Insights es una herramienta de prueba de velocidad de sitios web que califica su sitio web en una escala del 1 al 100. Cuanto más alto sea el número, mejor optimizado está tu sitio. Todo lo que esté por encima de un 85 indica que su sitio web está funcionando bien. PageSpeed le ofrece informes para las versiones de escritorio y móvil de su sitio. Puedes ver recomendaciones de mejora como que necesitas minificar el CSS u optimizar tus imágenes.

PageSpeed Insights mide cómo la página puede mejorar su rendimiento en:

• Tiempo de carga por encima del pliegue: Tiempo transcurrido desde el momento en que un usuario solicita una nueva página y hasta el momento en que el contenido de la parte superior de la página es renderizado por el navegador.
• Tiempo de carga de la página completa: Tiempo transcurrido desde el momento en que un usuario solicita una nueva página y hasta el momento en que la página es renderizada completamente por el navegador.

Un informe móvil incluye una categoría extra llamada «Experiencia de usuario» que se incluye en la puntuación de su sitio. Esto incluye la comprobación de la configuración de la ventana gráfica, el tamaño de los objetivos de toque (botones y enlaces) y también los tamaños de fuente elegibles.

El equipo de PageSpeed Insights también ha lanzado recientemente una nueva herramienta de prueba de velocidad de sitios web en colaboración con Google, que quizás quieras consultar. Una característica agradable es los hermosos informes que genera. Puede ser genial para enviar a los clientes.

Pingdom Speed Test

Pingdom es probablemente una de las herramientas de test de velocidad de sitios web más conocidas. Sus informes se dividen en cuatro secciones diferentes que incluyen un desglose en cascada, el grado de rendimiento, el análisis de la página y el historial.

El análisis de la página ofrece una gran visión general con información adicional como un análisis del tamaño, el tamaño por dominio (puedes comparar fácilmente el tamaño de tus activos CDN frente a tu dominio), el número de solicitudes por dominio y qué tipo de contenido tuvo más solicitudes.

La herramienta de prueba de velocidad de Pingdom también le permite probar la velocidad de su sitio web desde cuatro ubicaciones principales, incluyendo:

• Dallas, Texas, EE.UU.
• Melbourne, Australia
• San José, California, EE.UU.
• Estocolmo, Suecia

Los resultados de una prueba de velocidad de Pingdom le proporcionan información sobre el rendimiento, similar a la de Google PagesSpeed Insights, que esboza dónde puede hacer mejoras. Los resultados también desglosan el tamaño de la página por tipo de contenido, el tamaño de la página por dominio, las solicitudes por tipo de contenido y las solicitudes por dominio.

GTmetrix

GTmetrix entra en gran detalle ya que comprueba tanto las métricas de PageSpeed como de YSlow, asignando a tu sitio una calificación de F a A. Sus informes se dividen en cinco secciones diferentes, incluyendo PageSpeed, YSlow, desglose en cascada, vídeo e historial.

Con un registro gratuito, puedes hacer la prueba desde siete lugares diferentes. También te permiten elegir el navegador, Chrome vs Firefox. Puedes probar y comparar el rendimiento del sitio web contra varios tipos de conexión (como Cable vs dial-up) para ver cómo afecta a la carga de tus páginas. Otras características avanzadas incluyen una reproducción de vídeo para analizar dónde se produce el cuello de botella y también la capacidad de ejecutar Adblock plus. Con los anuncios desactivados puedes ver cómo afectan a la carga de tu sitio. Se recomienda hacer una cuenta gratuita ya que obtendrás opciones adicionales, como las mencionadas anteriormente.

WebPageTest

WebPageTest es muy similar a algunas de las herramientas anteriores mencionadas pero tiene más de 40 ubicaciones para elegir y más de 25 navegadores (incluyendo móviles). Te asigna una calificación de F a A en base a diferentes pruebas de rendimiento como FTTB, compresión, caché, uso efectivo de una CDN, etc. Su informe se divide en seis secciones que incluyen un resumen, detalles, revisión del rendimiento, desglose del contenido y capturas de pantalla.

También ofrece un enfoque único en la prueba. Ejecuta lo que ellos llaman una primera vista y una vista repetida. Esto ayuda a diagnosticar lo que puede ser un retraso en la búsqueda de DNS por primera vez como se mencionó anteriormente. WebPageTest tiene características más avanzadas, así como la captura de vídeo, la desactivación de JavaScript, ignorando los certificados SSL, y la falsificación de las cadenas de agente de usuario.

Varvy PageSpeed Optimization

Varvy PageSpeed Optimization es una herramienta desarrollada y mantenida por Patrick Sexton, quien también creó GetListed.org, que ahora se conoce como Moz Local.

Los informes se dividen en 5 secciones diferentes que incluyen un diagrama de recursos, la entrega de CSS, el uso de JavaScript, los problemas de velocidad de página encontrados y los servicios utilizados. Esta herramienta utiliza más una representación gráfica de lo que se podría arreglar en su sitio, como el bloqueo de la renderización.

Patrick hace un gran trabajo al incluir también documentación sobre cómo optimizar aún más su sitio con tutoriales sobre la ruta de renderización crítica, el aprovechamiento de la caché del navegador, el aplazamiento de la carga de JavaScript, y mucho más.

Uptrends

Uptrends es bastante básico pero ofrecen más de 35 ubicaciones para elegir cuando se ejecuta la prueba de velocidad. Su informe se divide en dos secciones, un desglose en cascada y grupos de dominios. Los grupos de dominios ofrecen una perspectiva única, ya que clasifican los recursos en diferentes fuentes: 1ª parte, estadísticas, CDN, social, anuncios, primera parte en general y tercera parte en general.

otcom-monitor

dotcom-monitor ofrece 23 ubicaciones diferentes y siete navegadores distintos en los que puedes ejecutar la prueba de velocidad de tu sitio web. Su característica única es que puedes ejecutar todas las pruebas geográficas simultáneamente. Esto puede ahorrarte mucho tiempo, ya que con cualquier otra herramienta tienes que ejecutarlos individualmente por ubicación. A continuación, puede hacer clic en cada informe individual y o desglose de cascada.

Sus informes se dividen en cinco secciones diferentes que incluyen un resumen, el rendimiento, el gráfico de cascada (desglose), el anfitrión, y los errores.

PageScoring

PageScoring is all about offering a simple and easy to understand performance report with a minimalist design. They show your overall load time and then the following pieces of information:

• Domain lookups
• Connection Time
• Redirection Time
• Page Size
• Download Time

You can then see your assets and how long it took for each to load. If you are looking for a quick and easy website speed test tool, this works pretty good.

Yellow Lab Tools

Yellow Lab Tools is a newer web performance and frontend quality testing tool developed by Gaël Métais. This tool gives you a lot of information and some unique features not seen in other tools such as a view of when JavaScript interactions with the DOM during the loading of the page and other code validation issues. Get a global score based on the following qualifiers.

• Page weight
• Requests
• DOM
• Bad JavaScript
• Bad CSS
• Server Config

The JavaScript timeline shows you exactly how the DOM interacts during the loading of the page.

Google Chrome DevTools

And of course we can’t forget Google Chrome DevTools. It is a very easy to use tool (with advanced features) and you can quickly launch it at anytime in your Chrome broswer using the following shortcut keys.

• Windows: F12 or also Ctrl + Shift + I
• Mac: Cmd + Opt + I

Con la última actualización de las herramientas para desarrolladores, han añadido un panel de detalles agregados en la línea de tiempo de la cascada. Esto te permite ver más fácilmente lo que te está costando más tiempo, y luego puedes desglosarlo por dominios, subdominios, etc. Para ello, haz clic en el panel «Línea de tiempo» y pulsa Ctrl + RCmd + R) para actualizar la página. A continuación, puedes hacer clic en el panel «Resumen» y en el panel de detalles «Agregados».

También tenemos un gran post sobre qué está bloqueando el DOM y cómo solucionarlo. En las herramientas para desarrolladores, puedes ver exactamente el tiempo de DOMContentLoaded y el tiempo total de carga. Para ejecutar esto, haz clic en el panel «Red», haz clic en la opción «Mostrar resumen» y pulsa Ctrl + RCmd + R) para actualizar la página. Aparecerá una línea azul para DOMContentLoaded y una línea roja para el tiempo total de carga. Normalmente todo lo que queda o toca la línea azul son activos que están bloqueando el DOM, o también denominados recursos que bloquean la renderización.

Sucuri Load Time Tester

El Sucuri Load Time Tester proporciona una manera rápida y fácil de probar el rendimiento de sus sitios desde todo el mundo. Le dará una calificación de rendimiento global, desde una A hasta una F. La prueba mide el tiempo que se tarda en conectarse a su sitio y para que una página se cargue completamente. Un valor muy importante al que hay que prestar atención es el «tiempo hasta el primer byte», que te da el tiempo que tarda el contenido en ser enviado al navegador para empezar a procesar la página.

Pagelocity

La herramienta Pagelocity ofrece otro enfoque único cuando se trata de una prueba de velocidad del sitio web. Te da una puntuación total sobre 100, que consiste en factores como social, SEO, recursos y código. La herramienta también ofrece la posibilidad de rastrear a sus competidores. Puedes registrarte con una cuenta gratuita para beneficiarte de las funciones adicionales. La vista de código es especialmente única, ya que te mostrará si tu sitio se ejecuta a través de HTTPS, cuál es tu TTFB y una interfaz gráfica de tus elementos DOM con un gráfico de barras.

La vista de recursos también es bastante interesante, ya que puedes ver rápidamente qué activos componen el peso total de tu página. Como puedes ver en nuestra prueba las imágenes son más de 4x que nuestros scripts externos.

YSlow

YSlow es un proyecto de código abierto y una herramienta que analiza las páginas web y te ayuda a averiguar por qué son lentas basándose en las reglas de Yahoo! para sitios web de alto rendimiento. Actualmente lo mantiene Marcel Duran, que también participa en el proyecto WebPageTest. YSlow opera en tres pasos para obtener sus resultados de pruebas de rendimiento:

1. YSlow rastrea el DOM para encontrar todos los componentes (imagen, scripts, etc.).
2. YSlow obtiene información sobre el tamaño de cada componente (Gzip, expira cabeceras, etc.)
3. YSlow toma los datos y genera una calificación para cada regla, que a su vez le da una calificación global.

YSlow tiene 23 reglas diferentes que ejecuta su sitio web contra para calificarlo, como el uso de un CDN y la reducción de las búsquedas de DNS. GTmetrix ofrece una herramienta de análisis en línea para comprobar su puntuación YSlow. Asegúrate de consultar nuestro tutorial en profundidad sobre cómo mejorar tu puntuación YSlow.

PerfTool

PerfTool es un proyecto de herramienta de rendimiento del lado del cliente de código abierto, alojado en GitHub. Recoge diversa información sobre su sitio web y la muestra de una manera fácil de digerir en una página de informes. Combina tres fuentes de datos en una, PageSpeed Insights, devperf y W3CJS. En total te da más de 200 indicadores de rendimiento diferentes.

Una gran ventaja con el PerfTool es que puedes ejecutar múltiples pruebas de páginas al mismo tiempo para el informe de Google PageSpeed Insights. Luego, comparar los resultados de rendimiento del sitio web de las pruebas anteriores, establecer el umbral de puntuación y obtener un informe detallado sobre sus pruebas. This can actually save you a lot of time if you are benchmarking your entire site’s web performance, as you don’t have to test your pages one by one.

Website speed test with Chrome extensions

There are quite a few free Chrome extensions in which you can analyze website speed. Here are a couple of them. You can easily launch them from right within your browser.

• Page Load Time
• app.telemetry Page Speed Monitor
• Performance-Analyser
• LoadFocus Load Testing

Mobile website speed test

If you are needing to run a mobile website speed test a couple of the tools we mentioned above do include this:

• WebPageTest
• GTmetrix
• dotcom-monitor

Another way to simulate a speed test on a mobile device is to use Chrome developer tools in device mode. Para entrar en el modo dispositivo haz clic en el pequeño icono del teléfono en Chrome DevTools o puedes pulsar Ctrl + Shift + MCmd + Shift + M). Entonces puedes elegir qué dispositivo quieres emular, la orientación e incluso la resolución. También puedes cambiar el estrangulamiento de la red para ver cómo se renderizaría realmente tu sitio web en, por ejemplo, una conexión normal de 2G o 4G.

A continuación, puedes utilizar la pestaña «Red» y el desglose en cascada para ejecutar pruebas de velocidad.

Resumen

Como puedes ver, hay una serie de herramientas de prueba de velocidad de sitios web que puedes elegir. Cada uno de ellos tiene sus propias características únicas como se destacó anteriormente. Es una buena idea probar regularmente su sitio y establecer un punto de referencia para que con el tiempo pueda hacer mejoras.

Una vez que sepa dónde están los cuellos de botella puede empezar a solucionarlos. Casi todas las herramientas mencionadas anteriormente ofrecen recomendaciones. Some of the most common fixes include:

• Compressing your images and files
• Picking a fast web host
• Optimizing your code and scripts
• Using a content delivery network
• Caching
• Reducing the number of HTTP requests