En el mundo global en el que nos encontramos ya no existen diferencias ni barreras entre unas webs y otras. Los usuarios de la red no van a medir la calidad de nuestro sitio web frente a nuestra competencia sino con las principales webs de las grandes empresas y servicios que utilizan a diario, que pasan a ser el elemento comparador.
Me estoy refiriendo a que un posible cliente ya no va a comparar nuestra web con otras del sector a la hora de decidir si confía su compra en nuestro comercio electrónico, sino que comparará su experiencia de compra con la que está habituado a realizar en los mayores sitios de Ecommerce del mundo, como Amazon por poner un ejemplo que todos conocemos.
Esta nueva situación supone un reto adicional para cualquier propietario de un sitio web, que ya no solo tiene que igualarse o mejorar a su competencia natural, sino que también debe ofrecer una web tan óptima, rápida y fácil de utilizar como las de las grandes empresas, pero con el hándicap de tener muchos menos recursos.
Afortunadamente, hoy en día tambien disponemos de servicios web, como empresas de alojamiento como SiteGround, que ofrecen herramientas de optimización, seguridad y rendimiento a todos sus clientes. Me refiero al tripe sistema de caché, el plugin de optimizaciones, el de seguridad, y tantas mejoras que incorporan prácticamente a diario para que, independientemente de nuestro presupuesto, podamos ofrecer a nuestros visitantes una web segura, rápida y que ofrezca una inmejorable experiencia de navegación.
Ahora bien, ¿cómo mido el rendimiento de mi web?, ¿hay algún modo de saber qué cosas funcionan y qué debería mejorar?, ¿me puedo comparar con Amazon con alguna herramienta?
En este artículo vamos a ver algunas herramientas gratuitas con las que medir la velocidad, rendimiento y métricas web principales (en inglés Core Web Vitals) de tu web, y también cómo aprovecharlas para saber qué y cómo podemos mejorar el rendimiento de nuestro sitio web.
Herramientas de análisis de rendimiento web gratuitas
A la hora de revisar las herramientas de análisis de rendimiento web lo vamos a hacer de menor a mayor complejidad, y veremos cuáles son las ventajas e inconvenientes de cada una de estas herramientas.
Verás que hay de todo, desde las que no requieren conocimiento técnico alguno hasta las que necesitarás ayuda simplemente para entender su terminología, pero trataré de que todas ellas te sean útiles, explicando sus principales características y cómo utilizarlas.
Prueba de velocidad de SG Optimizer
Tanto si eres usuario de SiteGround como sino, puedes utilizar el plugin de optimizaciones SG Optimizer, y entre sus herramientas incluye una página en la que puedes realizar pruebas de velocidad de tu web.
Su funcionamiento es sencillo, simplemente ve al menú de administración de SG Optimizer > Prueba de velocidad, una vez ahí elige para qué tipo de dispositivo quieres hacer la prueba (ordenador de escritorio o dispositivo móvil) y pulsa en el botón de analizar.
Si no pones ninguna URL en el campo destinado al efecto analizará tu página de inicio, pero puedes indicar en este campo la dirección de cualquiera de las páginas de tu web.
A continuación se mostrará justo debajo el resultado de la prueba, en el que se detallan 3 mediciones:
- Puntuación de Google – De 0 a 100 mide tu web mediante los parámetros de las métricas web principales, o Core Web Vitals, usando el motor de rendimiento de Google llamado Lighthouse. Es un resumen del rendimiento y experiencia de navegación en la página, que veremos en más detalle cuando veamos esta herramienta en concreto, que también existe independientemente.
- Tiempo de carga de la página – Se mostrará el tiempo total de carga de la página analizada, desde que se muestra el primer elemento de la misma hasta que es posible la visualización de todo su contenido.
- Tiempo hasta el primer byte – Esta medición, habitualmente abreviada como TTFB es un valor que analiza cuánto tiempo tarda el navegador del visitante en mostrar el primer elemento de tu web desde que el usuario introduce la dirección en el navegador. En este valor influyen varios factores, como desde dónde se conecta el usuario, pues a mayor distancia de tu servidor mayor tiempo de latencia, o la velocidad de conectividad de tu servidor, lo que suele ser una buena medida de la calidad de tu empresa de alojamiento. No obstante, también influyen otros posibles elementos, como el tamaño de la base de datos o la cantidad de procesos necesarios en tu web antes de empezar a mostrarse tus contenidos.
Una vez realizadas las pruebas siempre puedes volver a esta página del plugin SG Optimizer para hacer nuevas pruebas, revisar el histórico de análisis y comprobar la evolución de mejoras en el rendimiento de tu web.
El plugin SG Optimizer dispone de utilidades de optimización en sus distintos apartados con los que mejorar los resultados de las pruebas de velocidad, y es muy útil revisar nuestros avances de vez en cuando.
Pingdom Tools
Si queremos algo más de información relacionada con la velocidad de nuestras páginas web también tenemos la prueba de velocidad web de Pingdom tools, disponible en https://tools.pingdom.com/.
Para empezar debes saber que este análisis no te permite elegir entre dispositivos, y las pruebas siempre se hacen para ordenador de escritorio.
Lo que sí puedes elegir es el lugar (simulado) de conexión, pudiendo escoger entre ubicaciones de varios continentes, para valorar los tiempos de carga según el lugar de conexión de los usuarios, algo que influye mucho en la puntuación final y en valores como el tiempo hasta el primer byte, que te expliqué antes.
Una vez introducida la URL a analizar y el lugar de ubicación de la simulación, pulsa el botón de empezar la prueba y, justo debajo, se mostrarán varios elementos, entre los que el primero es una caja con el resumen de la página, que incluye estos valores:
- Grado de rendimiento – Es un valor propio, asignado por la herramienta, que se supone es un resumen de los distintos parámetros que analiza.
- Tamaño de página – Es la suma (en MB) del peso de archivo de los distintos componentes de la página (imágenes, vídeos, códigos CSS, JS y HTML).
- Tiempo de carga – Es el tiempo que tarda en mostrarse la página en su totalidad, con todos sus contenidos.
- Peticiones (requests) – Este valor es la cantidad de solicitudes que el navegador debe hacer a tu servidor y la base de datos de WordPress para mostrar el contenido de la página.
En comparación con el resumen que ofrece la prueba de velocidad de SG Optimizer, los únicos parámetros que son de utilidad son el peso de página total y la cantidad de peticiones.
El peso de la página es un factor primordial para la velocidad de carga, pues a mayor peso más tardará el navegador en mostrar el contenido, es algo obvio, tardará más en mostrarse una página si contiene imágenes de varios MB que si los archivos de imagen tuviesen un peso de pocos KB. No digamos si decidimos mostrar un vídeo a pantalla completa de varios 20 MB, ofreceríamos una pobre experiencia a nuestros usuarios, especialmente en dispositivos móviles, con conexiones a Internet menos rápidas normalmente.
Y sí, he dicho que esta herramienta no analiza la página en dispositivos móviles, pero las mediciones como esta te pueden ser de ayuda igualmente.
El otro parámetro interesante, la cantidad de peticiones, está influido por varios posibles factores:
- La cantidad de plugins activos que requieren consultar en la base de datos de tu web.
- La calidad del código del tema activo.
- La cantidad de scripts externos que hayas añadido, para analítica, publicidades, etc., que requieren conectar (petición) con fuentes externas para poder ejecutarse.
Más abajo de la página de resultados verás algo de detalles sobre estos distintos valores, pero con muy poca información, y ningún consejo concreto, sobre cómo mejorarlos, solo generalidades.
Es una herramienta bastante en desuso, pero es rápida y puede darte una visión general y rápida de algunos parámetros de rendimiento de tus páginas web.
Google PageSpeed Insights
Y llegamos a mitad de la tabla a la herramienta de pruebas de rendimiento que ha revolucionado todo esto, y que prácticamente nos obliga a día de hoy a vigilar la velocidad y experiencia de navegación en nuestra web.
Disponible en la URL https://pagespeed.web.dev/, con esta herramienta gratuita de Google podemos analizar una buena cantidad de resultados que nos ayudarán a mejorar distintos aspectos de la experiencia de los usuarios a la hora de visitar las paginas de nuestro sitio web.
Como en todas las herramientas, introduce la URL a analizar y pulsa el botón correspondiente. Lo que mostrará tras unos segundos de análisis es un resumen de las ya famosas métricas web principales.
Para empezar ya tenemos una ventaja sobre la herramienta anterior (Spoiler: y también sobre las siguientes), y es que aquí nos mostrará resultados tanto para dispositivos móviles como para ordenadores de escritorio, priorizando el resultado en móviles, que se muestra en primer lugar.
Lo primero que debes tener en cuenta es que PageSpeed Insights puede mostrarte 2 tipos de resultados, según la antigüedad de la página:
- Datos de usuarios reales – Medición basada en la experiencia real de visitantes, que Google «conoce» gracias a otras herramientas como Google Analytics o Search Console.
- Datos de laboratorio – Simulación de experiencia en la página, utilizando el motor de Lighthouse más actualizado.
Te digo esto porque los datos de laboratorio suelen ser menos precisos que los de usuarios reales, pero en cualquier caso te servirán para determinar oportunidades de mejora.
Hecha esta aclaración, y al contrario que con las dos herramientas anteriores, aquí si vamos a obtener detalles de oportunidades de mejora, incluso con recomendaciones adaptadas a WordPress.
Solo tienes que desplegar cualquiera de los elementos de las listas de oportunidades y diagnósticos para encontrar explicaciones detalladas del factor de medición, así como enlaces y soluciones a cada uno de ellos.
Eso sí, vas a encontrar recursos y recomendaciones de todo nivel de conocimientos, y aunque te puede dar consejos, incluso enlaces a plugins WordPress que puedan ayudarte con el factor de rendimiento concreto, la mayoría de las soluciones requieren un alto nivel de conocimientos técnicos, casi siempre de programación.
Otra peculiaridad a la que vas a tener que acostumbrarte es a la terminología específica de las métricas web principales, que están distribuidas en diversos parámetros, como LCP, TTFB, TTI, FID, CLS, etc., pero no te preocupes porque cada uno viene explicado en los enlaces en cada resultado. A grandes rasgos lo que hace la herramienta es analizar la carga de tu página según distintos factores, y a cada uno le asigna un término. Por ejemplo, en el caso del CLS, o Cumulative Layout Shift, te mostrará problemas y oportunidades a la hora de hacer que el diseño de tu página no complique la navegación de tus usuarios, debido a excesivos cambios de estructura, textos poco visibles, etc.
Lo importante es que todas son mediciones muy interesantes, además de lógicas, que te ayudarán a mejorar la experiencia de tus visitantes en tu web.
Otra herramienta que incluye, muy interesante, es el gráfico de rectángulos.
En esta herramienta, propia del motor Lighthouse, encontrarás el detalle del proceso de carga de todos y cada uno de los componentes de la página analizada, y qué recursos utiliza, e incluso desaprovecha, del motor de tu sitio, o sea, de WordPress.
De nuevo, es información muy técnica, que solo podrás aprovechar si conoces de manera profunda la estructura interna de WordPress y de toda tu instalación web.
GTMetrix
Llegamos a una de las herramientas de pruebas de velocidad que, personalmente, más me gustan, por el buen equilibrio entre información y prestaciones.
En la versión gratuita de GTMetrix (https://gtmetrix.com/) solo se pueden hacer mediciones desde dispositivos de escritorio, pero solo con registrarse (gratis) puedes elegir la ubicación desde la que se hace la prueba.
Salvo esta carencia, la falta de resultados en móviles en la versión gratis, el resto de la información que ofrece es muy interesante, clara, y con algún extra adicional que merece la pena, y no ofrecen otras herramientas vistas hasta ahora.
Hacer una prueba es igual de fácil que con el resto de utilidades, y en este caso ofrece 2 cajas de información separadas. Por un lado la valoración propia de la herramienta, curiosamente casi siempre coincidente con la puntuación de PageSpeed, y por otro las puntuaciones obtenidas mediante las métricas web principales de Google, que como verás se han convertido en un estándar.
Muy útil es el visualizador de velocidad, más incluso que el de Google, con detalles de en qué momento se cumple el TTFB, y cada uno de los factores de medición de las métricas web principales (LCP, TTI, etc.).
En cuanto a los detalles de la prueba, la información que ofrece como oportunidades de mejora es muy parecida a la de Google PageSpeed, con enlaces útiles y detalles del factor medido.
También ofrece más detalle que ninguna otra herramienta, y de manera muy clara, de cada uno de los tiempos de carga.
Y también, mi herramienta favorita, la cascada, o waterfall, un detalle de la carga completa de la página, con detalles de cada elemento de la misma, pudiendo además filtrar por cada tipo de contenido (imágenes, fuentes, código, etc.)
Para cada recurso puedes analizar su peso, tiempo de carga, y afectación al tiempo total de la página, con mucha información sobre cada parámetro de visualización del mismo. Una maravilla.
Además, tiene una herramienta con la que puedes comparar el rendimiento de varias webs, e incluso hacer un seguimiento (monitor) de los distintos análisis y compararlos en el tiempo, para ver la evolución.
Como te decía al principio, es una de mis herramientas favoritas, le falta la visualización en móviles, sí, pero si hay un problema en escritorio eso mismo será un problema aún mayor en móviles, así que las recomendaciones te sirven igualmente, salvo cosas muy específicas, como anchos de pantalla excesivos, tiempos de carga y asuntos muy relevantes en conexiones móvies, y no tanto en escritorio.
Salvo eso, me parece una herramienta fantástica, clara, sencilla y, sobre todo, que te ayuda mucho a la hora de entender los problemas y oportunidades de rendimiento de tu web, y te da mucha información para poder mejorar.
WebPageTest
Y, vamos a terminar con la herramienta más completa de todas, a veces incluso abrumadora, pero eso no le quita valor, al contrario, pero según el perfil y conocimientos del usuario que la utilice.
En https://www.webpagetest.org/ tienes todo lo que puedes necesitar para analizar el rendimiento, e incluso la seguridad de tu web.
Antes de explicarte lo que ofrece, debes saber que como sus análisis son muy exhaustivos hay un límite diario de pruebas que se pueden hacer sin registrarte, y que aunque te registres tambien hay límite de tests, mientras no pagues por una cuenta premium. Como estamos hablando de herramientas gratuitas debes saberlo.
Dicho esto, el mismo campo de inicio de las pruebas ya muestra diferencias, como que puedes analizar el rendimiento general del sitio, solo las métricas web principales, usar directamente el motor de Lighthouse, o hacer comparaciones visuales y más.
Otra cosa buena es que puedes emular navegadores de escritorio y móviles, elegir ubicación de conexión y además configurar otros muchos parámetros para la prueba.
También puedes forzar a que la herramienta realice varios pases de medición, lo que te ahorra algunos pasos.
Ahora bien, todas estas peculiaridades tienen su premio, y es el informe de rendimiento que genera, totalmente brutal, con información segmentada, que puedes exportar para mayor comodidad en el análisis.
La cantidad de detalle sobre cada uno de los factores que afectan a la velocidad de tu web es espectacular y es un compendio enorme de todo lo que ofrecen el resto de herramientas vistas previamente.
Cada parte del informe tiene enlace a más detalles, y en los detalles enlaces a aún más detalles, es brutal, y es mucha información, así que te será muy útil, eso sí, en el caso de que le dediques el tiempo suficiente, y tengas los conocimientos necesarios para aplicar las posibles mejoras.
¿Debes probarlo?, sin duda, y luego decide qué herramienta de las que hemos visto te ofrece el mejor equilibrio entre información y utilidad real en el día a día, a la hora de mejorar el rendimiento de tu web.
¿Qué herramienta de pruebas de velocidad debería utilizar?
Igual te has fijado que a lo largo del artículo, da igual la herramienta analizada, he hablado siempre de «oportunidades de mejora» que nos ofrecen estas utilidades gratuitas, pues lo más importante es que no veas los resultados que muestran como una competición, sino como una medida concreta, en un momento preciso, que ilustra varios parámetros de medición de velocidad y rendimiento, y que nos pueden servir para mejorar la experiencia de los visitantes a las páginas de nuestro sitio web.
Por este motivo, mi primer consejo es que NUNCA te quedes con una sola medición, pues momentos puntuales de conectividad de tu servidor pueden afectar muy negativamente al resultado de la prueba, y no sería real, pervirtiendo el conjunto del mismo.
SIEMPRE haz varias pruebas, tres como mínimo, con la herramienta que eljas, y actúa sobre:
- La media de puntuaciones obtenidas.
- Los valores con oportunidades de mejora que se repitan en los distintos tests.
Y luego está lo más importante, ¿qué herramienta de todas elijo?
No te diré una, en principio, pero sí algunos consejos importantes:
- Elige una sola herramienta, usa sus resultados para mejorar el rendimiento de tus páginas, y analiza la evolución con esa misma herramienta. Ten en cuenta que cada herramienta, aunque parecidas, valora de diferente manera y aplicando parámetros internos que desconocemos, como por ejemplo el punto de conexión en el caso de PageSpeed Insights, así que lo importante es utilizar la herramienta a nuestro favor, como compañera de viaje, en nuestro camino hacia el resultado final: una web que ofrezca una experiencia de navegación óptima para NUESTROS visitantes reales.
- Elige la herramienta adecuada para ti, para tus conocimientos y posibilidades de aplicación de los consejos de optimización que ofrezca. Salvo que pretendas ganarte la vida como experto en optimización web, y estés dispuesto a emplear muchas horas en aprender sobre servidores, programación e instalar decenas de plugins para hacer pruebas, usa aquello que entiendas y sepas utilizar para mejorar en el menor tiempo posible y con el esfuerzo adecuado, el rendimiento de tu web.
- No compares los resultados de tu web con otras. Hay mucha trampa, mucha gente que comparte resultados de 100 en PageSpeed, pero ¿sabes?, cada página es diferente, y no es lo mismo optimizar una página de presentación de solo texto y un par de imágenes que la portada de una tienda en línea, con cientos de productos, consultas para mostrar los rebajados, últimas ofertas, etc. Como mucho compárate, para mejorar, con tu competencia real, con webs homólogas a la tuya, con páginas que tengan la misma estructura, mismo uso de plugins, incluso mismos recursos de alojamiento. Creo que la explicación es suficientemente lógica, pero sobre todo es que es mentira. La única verdad es que cada página web requiere distintos enfoques para su optimización.
- Una sola optimización cada vez. No ataques varios problemas de rendimiento a la vez y luego compruebes de nuevo en un test de velocidad. Haz un cambio y revisa, otro cambio y revisa, y así sucesivamente. De este modo sabrás qué mejoras realmente son importantes para optimizar tu web y cuáles en realidad no aportan mucho, o incluso nada.
- Empieza por lo más fácil. No enloquezcas tratando de aplicar mejoras de parámetros complicados o de código. Siempre es la mejor idea empezar por lo más sencillo, que suele ser reducir el tamaño de la página, que casi siempre suele estar penalizado por imágenes o vídeos de gran tamaño. Optimiza tus imágenes y súbelas de nuevo a tu página, y vuelve a hacer la prueba, veras qué cambios tan notables.
Nada más por hoy, espero haberte ayudado con esta lista de herramientas gratuitas para hacer tests de velocidad en tu web, y también con mis consejos, que creo que al final es lo más valioso, si te fías un poco de mi criterio claro 🙂
Si quieres ampliar aún más conocimientos sobre cómo acelerar la carga de tu web te recomiendo no perderte el vídeo del último webinar que hicimos, sobre cómo afecta la velocidad de tu web al SEO, entre otros muchos vídeos interesantes que puedes encontrar en nuestro canal de YouTube.
