Analizador de Velocidad Web: Test de Rendimiento Gratis

¿Tu web carga lento y pierdes visitas? Utiliza nuestro analizador de velocidad web gratuito para medir el rendimiento real de cualquier página. Obtén puntuaciones de Lighthouse, Core Web Vitals (LCP, INP, CLS), métricas de rendimiento y recomendaciones accionables para mejorar la velocidad de carga tanto en móvil como en escritorio. Basado en la API de Google PageSpeed Insights, la misma tecnología que usa Google para evaluar tu sitio.

---

¿Por Qué es Importante la Velocidad Web?

La velocidad de carga de una página web no es solo una cuestión técnica: es un factor determinante para el éxito de cualquier negocio online. Los datos hablan por sí solos: el 53% de los usuarios móviles abandonan una web que tarda más de 3 segundos en cargar (Google, 2023). Cada segundo adicional de carga reduce las conversiones en un 7% de media. Esto significa que una tienda online que factura 100.000 € al mes podría estar perdiendo 7.000 € mensuales por cada segundo de retraso.

Desde 2021, Google utiliza las Core Web Vitals como factor de posicionamiento. Esto significa que la velocidad web afecta directamente a tu visibilidad en los resultados de búsqueda. Una web lenta no solo frustra a los usuarios, sino que también pierde posiciones en Google frente a competidores más rápidos. Si quieres mejorar tu posicionamiento SEO, la velocidad es uno de los primeros aspectos que debes optimizar.

Las estadísticas son contundentes:

• 47% de los usuarios esperan que una web cargue en menos de 2 segundos.
• 1 segundo de mejora en la velocidad puede aumentar las conversiones entre un 5% y un 15%.
• 79% de los compradores online que experimentan problemas de rendimiento no vuelven a comprar en ese sitio.
• Las webs que cargan en menos de 2 segundos tienen una tasa de rebote un 32% menor que las que tardan 5 segundos.
• Amazon calculó que un retraso de 100 milisegundos les costaría un 1% de ventas anuales.
• El rendimiento del servidor es clave: un VPS administrado puede reducir el TTFB hasta en un 60%.

En resumen, la velocidad web impacta en tu SEO, tu tasa de conversión, la experiencia de usuario y, en última instancia, en tus ingresos. No es un lujo, es una necesidad.

---

Core Web Vitals Explicados

Las Core Web Vitals son un conjunto de métricas reales de experiencia de usuario definidas por Google. Miden tres aspectos fundamentales de la experiencia web: velocidad de carga, interactividad y estabilidad visual. Desde junio de 2021, estas métricas forman parte del algoritmo de ranking de Google, lo que las convierte en esenciales para cualquier estrategia de SEO.

LCP (Largest Contentful Paint)

El LCP mide el tiempo que tarda en renderizarse el elemento de contenido más grande visible en la ventana del navegador. Puede ser una imagen hero, un bloque de texto grande o un vídeo. Es la métrica más representativa de la velocidad de carga percibida por el usuario.

• Bueno: ≤ 2,5 segundos
• Necesita mejora: entre 2,5 y 4 segundos
• Deficiente: > 4 segundos

INP (Interaction to Next Paint)

El INP (que sustituyó al FID en marzo de 2024) mide la latencia de todas las interacciones del usuario durante toda la visita a la página, y reporta el peor valor. Una interacción incluye clics, toques en pantalla táctil y pulsaciones de teclado. Un buen INP garantiza que la página responde rápidamente a las acciones del usuario.

• Bueno: ≤ 200 milisegundos
• Necesita mejora: entre 200 y 500 milisegundos
• Deficiente: > 500 milisegundos

CLS (Cumulative Layout Shift)

El CLS mide la estabilidad visual de la página. Cuantifica cuánto se desplazan los elementos de forma inesperada mientras la página carga. ¿Alguna vez has intentado hacer clic en un botón y de repente se movió porque cargó un anuncio o una imagen? Eso es un layout shift, y es una de las experiencias más frustrantes para los usuarios.

• Bueno: ≤ 0,1
• Necesita mejora: entre 0,1 y 0,25
• Deficiente: > 0,25

Tabla Resumen de Umbrales

Métrica	Bueno	Necesita Mejora	Deficiente
LCP	≤ 2,5 s	2,5 – 4 s	> 4 s
INP	≤ 200 ms	200 – 500 ms	> 500 ms
CLS	≤ 0,1	0,1 – 0,25	> 0,25
TTFB	≤ 800 ms	800 – 1800 ms	> 1800 ms
Speed Index	≤ 3,4 s	3,4 – 5,8 s	> 5,8 s
TBT	≤ 200 ms	200 – 600 ms	> 600 ms

Google utiliza datos de campo reales (Chrome User Experience Report) para evaluar estas métricas. No basta con tener buenos resultados en herramientas de laboratorio; lo que importa es la experiencia real de tus usuarios.

---

Cómo Mejorar la Velocidad de tu Web: 15 Estrategias Probadas

A continuación te presentamos las 15 estrategias más efectivas para mejorar la velocidad de carga de tu sitio web. Están ordenadas por impacto potencial, de mayor a menor. Implementar incluso unas pocas de estas recomendaciones puede suponer una mejora significativa en tus Core Web Vitals.

1. Optimiza y Comprime las Imágenes

Las imágenes suelen representar entre el 40% y el 70% del peso total de una página web. La optimización de imágenes es, con diferencia, la mejora con mayor impacto en la velocidad de carga.

• Convierte todas las imágenes a formato WebP o AVIF, que ofrecen un 25-50% menos de peso que JPEG/PNG sin pérdida visual.
• Implementa lazy loading (carga diferida) con el atributo loading="lazy" en imágenes fuera de la vista inicial.
• Usa imágenes responsive con el atributo srcset para servir el tamaño adecuado a cada dispositivo.
• Define siempre los atributos width y height para evitar layout shifts (CLS).
• Comprime imágenes con herramientas como Squoosh, ShortPixel o Imagify antes de subirlas.

2. Minifica y Combina CSS y JavaScript

El código CSS y JavaScript sin minificar contiene espacios, comentarios y caracteres innecesarios que aumentan el tamaño de los archivos. La minificación elimina todo lo superfluo sin afectar la funcionalidad.

• Usa herramientas como Terser (JS) y CSSNano (CSS) para minificar.
• Elimina el CSS y JavaScript no utilizado (dead code). Herramientas como PurgeCSS identifican CSS que no se usa.
• Carga los scripts con defer o async para no bloquear el renderizado.
• Considera inline critical CSS: incluye los estilos críticos directamente en el HTML para el primer render.

3. Implementa una Estrategia de Caché Efectiva

El caché permite almacenar recursos estáticos en el navegador del usuario o en servidores intermedios, reduciendo drásticamente los tiempos de carga en visitas repetidas.

• Caché del navegador: configura cabeceras Cache-Control y Expires con tiempos largos para recursos estáticos.
• Caché del servidor: utiliza OPcache (PHP), Redis o Memcached para cachear consultas de base de datos y páginas generadas.
• Caché de CDN: un CDN como Cloudflare cachea tus recursos estáticos en servidores distribuidos globalmente.
• En WordPress, plugins como WP Super Cache, W3 Total Cache o LiteSpeed Cache automatizan gran parte del proceso.

4. Optimiza el Servidor y el Hosting

El servidor es la base de todo. Un hosting lento limita cualquier otra optimización que hagas. El TTFB (Time to First Byte) depende directamente de la calidad del servidor. Un VPS administrado bien configurado puede reducir el TTFB de 800 ms a menos de 200 ms.

• Usa PHP 8.x (hasta un 300% más rápido que PHP 7.0 en algunos benchmarks).
• Activa HTTP/2 o HTTP/3 para multiplexar peticiones.
• Configura compresión Gzip/Brotli a nivel de servidor.
• Considera un servidor con LiteSpeed o Nginx en lugar de Apache para mayor rendimiento.
• Elige un servidor geográficamente cercano a tu audiencia principal.

5. Optimiza la Base de Datos

En sitios dinámicos (WordPress, WooCommerce, etc.), la base de datos puede convertirse en un cuello de botella. Consultas lentas ralentizan el TTFB y degradan toda la experiencia.

• Elimina revisiones antiguas de posts, transients expirados y datos huérfanos.
• Optimiza las tablas de la base de datos regularmente (OPTIMIZE TABLE).
• Limita el número de revisiones que WordPress almacena.
• Usa object caching (Redis/Memcached) para reducir consultas repetitivas.
• Monitoriza consultas lentas con el slow query log de MySQL.

6. Gestiona los Plugins con Criterio (WordPress)

Cada plugin de WordPress añade código CSS y JavaScript que el navegador debe descargar y ejecutar. Un sitio WordPress medio tiene entre 20 y 40 plugins, y muchos de ellos cargan recursos en todas las páginas aunque solo se usen en una.

• Audita todos los plugins y elimina los que no uses.
• Usa herramientas como Asset CleanUp o Perfmatters para deshabilitar scripts de plugins en páginas donde no son necesarios.
• Prioriza plugins ligeros y bien mantenidos. Compara alternativas antes de instalar.
• Evita plugins que carguen jQuery completo si tu tema ya lo incluye.

7. Implementa un CDN (Content Delivery Network)

Un CDN distribuye copias de tus recursos estáticos (imágenes, CSS, JS, fuentes) en servidores repartidos por todo el mundo. Cuando un usuario accede a tu web, los recursos se sirven desde el servidor más cercano geográficamente, reduciendo la latencia.

• Cloudflare es la opción más popular, con un plan gratuito muy completo que incluye CDN, DDoS protection y optimización automática.
• Otros CDN recomendables: Bunny CDN (económico), Fastly (alto rendimiento), AWS CloudFront (integración con AWS).
• Un CDN puede reducir el TTFB en un 50-70% para usuarios lejanos geográficamente.
• Configura correctamente las cabeceras de caché para maximizar el hit rate del CDN.

8. Optimiza las Fuentes Web

Las fuentes web (Google Fonts, Adobe Fonts, fuentes personalizadas) pueden ser un factor significativo de retraso, especialmente si cargas múltiples familias y pesos.

• Carga solo los pesos y estilos que realmente utilices (normal, bold, italic).
• Usa font-display: swap para que el texto sea visible inmediatamente con una fuente de sistema mientras carga la fuente web.
• Considera alojar las fuentes localmente en lugar de cargarlas desde Google Fonts (elimina una petición DNS y conexión extra).
• Precarga las fuentes críticas con <link rel="preload" as="font">.
• Usa formatos modernos: WOFF2 ofrece la mejor compresión.

9. Audita y Controla Scripts de Terceros

Los scripts de terceros (analytics, píxeles de seguimiento, chat widgets, mapas, redes sociales) son una de las causas más comunes de degradación del rendimiento. Cada script añade peticiones HTTP, consume CPU y puede bloquear el hilo principal.

• Audita todos los scripts de terceros y elimina los que no aporten valor real.
• Carga los scripts no críticos de forma diferida (después del evento load).
• Usa Google Tag Manager para gestionar y controlar cuándo y dónde se cargan los scripts.
• Considera fachadas (facades) para widgets pesados: carga un placeholder ligero y solo carga el widget real cuando el usuario interactúa.
• Monitoriza el impacto con la auditoría de Third-Party Summary de Lighthouse.

10. Optimiza el Critical Rendering Path

El critical rendering path es la secuencia de pasos que sigue el navegador para convertir HTML, CSS y JavaScript en píxeles en pantalla. Optimizarlo reduce el tiempo hasta el primer render significativo.

• Identifica y extrae el CSS crítico (above-the-fold) e inclúyelo inline en el HTML.
• Difiere la carga del CSS no crítico con media="print" onload="this.media='all'".
• Precarga recursos críticos con <link rel="preload">.
• Establece preconnect a dominios de terceros que necesites: <link rel="preconnect" href="...">.

11. Reduce el Tamaño del DOM

Un DOM excesivamente grande (más de 1.500 nodos) ralentiza el renderizado, la interactividad y consume más memoria. Cada nodo del DOM tiene un coste de procesamiento.

• Evita anidar elementos innecesariamente.
• Usa virtualización o carga dinámica para listas largas.
• Revisa los page builders (Elementor, Divi, etc.) que generan HTML muy anidado y pesado.
• Simplifica el markup: menos divs, más semántica HTML5.

12. Implementa Preloading y Prefetching

El preloading y prefetching permiten al navegador anticiparse y cargar recursos antes de que se necesiten.

• <link rel="preload">: carga recursos que necesitarás en los próximos segundos (fuentes, CSS crítico, imágenes hero).
• <link rel="prefetch">: carga recursos que probablemente se necesitarán en la siguiente navegación.
• <link rel="dns-prefetch">: resuelve DNS de dominios de terceros de forma anticipada.
• Usa con moderación: precargar demasiados recursos puede ser contraproducente.

13. Optimiza los Vídeos

Los vídeos embebidos (YouTube, Vimeo) cargan múltiples scripts y recursos pesados. Un solo embed de YouTube puede añadir más de 500 KB de JavaScript.

• Usa lazy loading para iframes de vídeo con loading="lazy".
• Implementa una fachada: muestra una imagen estática del vídeo y solo carga el reproductor cuando el usuario hace clic.
• Para vídeos auto-alojados, usa formatos modernos como MP4 (H.264/H.265) y comprime adecuadamente.
• Plugins como WP YouTube Lyte o Perfmatters implementan fachadas automáticamente.

14. Monitoriza el Rendimiento Continuamente

La optimización de velocidad no es una tarea puntual. Los sitios web evolucionan, se añade contenido nuevo, se instalan plugins y se actualizan temas. Sin monitorización continua, las mejoras se degradan con el tiempo.

• Configura alertas en Google Search Console para Core Web Vitals.
• Usa herramientas de monitorización sintética (WebPageTest, SpeedCurve) para tests regulares.
• Revisa los datos de campo reales en el Chrome User Experience Report (CrUX).
• Establece un performance budget: límites máximos de peso de página, número de peticiones y tiempos de carga.

15. Considera la Arquitectura (SPA vs MPA, SSR vs CSR)

La arquitectura de tu aplicación web tiene un impacto enorme en el rendimiento. Las SPAs (Single Page Applications) con renderizado del lado del cliente (CSR) pueden tener tiempos de primera carga elevados, mientras que el SSR (Server-Side Rendering) o SSG (Static Site Generation) ofrecen mejor rendimiento inicial.

• Para sitios de contenido, prioriza SSR o SSG (Next.js, Nuxt, Astro).
• Para WordPress, un buen hosting (VPS administrado) con caché de página completa es la opción más eficiente.
• Evalúa si realmente necesitas una SPA. En muchos casos, un MPA con transiciones rápidas ofrece mejor rendimiento percibido.
• Usa herramientas como nuestro analizador para medir el impacto de las decisiones arquitectónicas.

---

Velocidad Web y SEO: La Conexión Directa

La velocidad web y el posicionamiento SEO están íntimamente conectados. Google ha confirmado en múltiples ocasiones que la velocidad es un factor de ranking, y con la introducción de las Core Web Vitals como señal de clasificación, esta conexión es más directa que nunca.

La relación funciona en múltiples niveles:

• Factor de ranking directo: las Core Web Vitals son una señal confirmada del algoritmo de Google. Una web con buenas métricas tiene ventaja frente a competidores con métricas deficientes.
• Rastreo e indexación: un servidor rápido permite a Googlebot rastrear más páginas en menos tiempo, mejorando la indexación de tu contenido.
• Experiencia de usuario: Google mide señales de comportamiento (pogo-sticking, tiempo en página, tasa de rebote). Una web lenta empeora todas estas métricas.
• Core Web Vitals como desempate: cuando dos páginas tienen contenido de calidad similar, Google usa las Core Web Vitals para decidir cuál posicionar mejor.
• Mobile-first indexing: Google indexa y evalúa primero la versión móvil. La velocidad en móvil es aún más crítica que en escritorio.

Según un estudio de Backlinko, existe una correlación positiva entre la velocidad de carga y la posición en los resultados de búsqueda. Las páginas en el top 10 de Google tienen un tiempo de carga medio de 1,65 segundos. Invertir en velocidad web es invertir directamente en tu estrategia de SEO.

Si necesitas ayuda profesional para mejorar el rendimiento y posicionamiento de tu web, consulta nuestros servicios de posicionamiento SEO y diseño web WordPress en Málaga.

---

Herramientas Complementarias de Velocidad Web

Además de nuestro analizador, existen varias herramientas especializadas que puedes utilizar para obtener una visión más completa del rendimiento de tu web. Cada una ofrece perspectivas diferentes.

Google PageSpeed Insights

La herramienta oficial de Google que combina datos de laboratorio (Lighthouse) con datos de campo reales (Chrome User Experience Report). Nuestro analizador utiliza la misma API, pero te presenta los resultados de forma más clara y accionable. Ideal para: verificar cómo Google ve tu web y obtener datos de usuarios reales.

GTmetrix

Una de las herramientas más populares del mercado. Ofrece análisis detallados con cascada de peticiones (waterfall), historial de tests y la posibilidad de testear desde diferentes ubicaciones geográficas. Ideal para: análisis técnico detallado y monitorización a lo largo del tiempo.

WebPageTest

La herramienta más avanzada y técnica. Permite tests desde decenas de ubicaciones con diferentes dispositivos y velocidades de conexión. Ofrece filmstrip view (captura frame a frame de la carga), análisis de waterfall detallado y comparativas entre tests. Ideal para: diagnóstico técnico profundo y optimización avanzada.

Lighthouse (Chrome DevTools)

Integrado en Chrome, Lighthouse es el motor detrás de PageSpeed Insights. Puedes ejecutarlo directamente desde las DevTools del navegador (F12 → pestaña Lighthouse). Ofrece auditorías de rendimiento, accesibilidad, buenas prácticas y SEO. Ideal para: desarrollo local y testing rápido sin depender de servicios externos.

Chrome User Experience Report (CrUX)

El CrUX es un conjunto de datos públicos de Google que recopila métricas de rendimiento reales de millones de sitios web, basándose en usuarios reales de Chrome. Es la fuente de datos que Google utiliza para evaluar las Core Web Vitals en su algoritmo de ranking. Ideal para: conocer los datos reales que Google usa para tu posicionamiento.

---

Preguntas Frecuentes sobre Velocidad Web

¿Qué es un buen tiempo de carga para una página web?

Un buen tiempo de carga es de menos de 2,5 segundos para el LCP (Largest Contentful Paint). Idealmente, la web debería ser completamente interactiva en menos de 3 segundos. Google considera que una experiencia es «buena» cuando el LCP es inferior a 2,5 s, el INP inferior a 200 ms y el CLS inferior a 0,1. Ten en cuenta que estos umbrales se basan en el percentil 75 de los datos de campo, es decir, al menos el 75% de las visitas deben cumplir estos umbrales.

¿Cómo afecta la velocidad web al SEO?

La velocidad web es un factor de ranking confirmado por Google. Desde 2021, las Core Web Vitals (LCP, INP, CLS) son señales de clasificación dentro del algoritmo. Una web lenta sufre mayor tasa de rebote, menor tiempo en página y peor rastreo por Googlebot, todo lo cual impacta negativamente en el posicionamiento orgánico.

¿Cuál es la diferencia entre datos de laboratorio y datos de campo?

Los datos de laboratorio se generan en un entorno controlado (herramientas como Lighthouse) con condiciones fijas de red y dispositivo. Son reproducibles y útiles para depuración. Los datos de campo provienen de usuarios reales (Chrome User Experience Report) y reflejan la experiencia real con diferentes dispositivos, conexiones y ubicaciones. Google usa los datos de campo para su ranking.

¿Por qué mi web puntúa diferente en móvil y escritorio?

Las puntuaciones difieren porque Google simula condiciones de red y CPU más limitadas para el test móvil (red 4G lenta, CPU throttled 4x). Además, la versión móvil puede tener un diseño diferente, imágenes de distinto tamaño y funcionalidades específicas. Es habitual que la puntuación móvil sea 20-30 puntos inferior a la de escritorio.

¿Con qué frecuencia debo testear la velocidad de mi web?

Recomendamos testear al menos una vez al mes como rutina, y adicionalmente después de cada cambio significativo: actualización de tema o plugins, nuevo contenido pesado, cambio de hosting o configuración de servidor. Configura monitorización automática con Google Search Console para recibir alertas cuando las Core Web Vitals se degraden.

¿Qué es el TTFB y por qué es importante?

El TTFB (Time to First Byte) mide el tiempo desde que el navegador envía la petición hasta que recibe el primer byte de respuesta del servidor. Incluye el tiempo de DNS, conexión TCP/TLS y procesamiento del servidor. Un TTFB alto (superior a 800 ms) indica problemas de servidor que ninguna optimización frontend puede compensar. La solución suele pasar por mejor hosting, caché de servidor o CDN.

¿Los plugins de caché realmente mejoran la velocidad?

Sí, pero con matices. Los plugins de caché de página (WP Super Cache, LiteSpeed Cache) pueden reducir el TTFB drásticamente al servir HTML estático en lugar de generarlo dinámicamente. Sin embargo, no solucionan problemas de frontend como imágenes pesadas, CSS/JS sin minificar o scripts de terceros. Un plugin de caché es una pieza del puzzle, no la solución completa.

¿Merece la pena invertir en un VPS para mejorar la velocidad?

Si tu hosting compartido está limitando el rendimiento (TTFB alto, caídas frecuentes, recursos insuficientes), un VPS administrado puede ser la mejor inversión. Un VPS dedicado ofrece recursos garantizados, mejor configuración de servidor (Nginx, PHP-FPM, OPcache, Redis) y escalabilidad. En LaudeMMedia ofrecemos VPS administrados optimizados para WordPress y aplicaciones web.

---