Velocidad web y Core Web Vitals: por qué una web lenta pierde clientes

Una web lenta pierde clientes antes de que lleguen a verla: si tarda más de tres segundos en cargar en el móvil, buena parte de las visitas se marcha. Además, Google mide la velocidad real de tu web con las Core Web Vitals y la tiene en cuenta para ordenar resultados. En esta guía te explicamos qué miden, cómo comprobarlas y qué suele frenar una web.

Qué son las Core Web Vitals

Son tres métricas que Google usa para medir la experiencia real de quien visita tu web:

• LCP (Largest Contentful Paint): cuánto tarda en aparecer el elemento principal de la página, normalmente la imagen grande o el titular. Bueno: menos de 2,5 segundos.
• INP (Interaction to Next Paint): lo que tarda la página en reaccionar cuando tocas un botón o un menú. Bueno: menos de 200 milisegundos.
• CLS (Cumulative Layout Shift): cuánto «salta» el contenido mientras carga, ese botón que se mueve justo cuando vas a pulsarlo. Bueno: menos de 0,1.

Cómo medir tu web

Entra en PageSpeed Insights (pagespeed.web.dev), pega la dirección de tu web y mira primero la pestaña Móvil. Verás dos bloques: los datos de usuarios reales (si tu web tiene suficiente tráfico) y una prueba de laboratorio con una puntuación de 0 a 100. La puntuación varía unos puntos de una prueba a otra; lo importante son las tendencias y las métricas en rojo.

En Search Console, el informe Core Web Vitals te dice qué grupos de páginas tienen problemas con datos reales.

Lo que más frena una web

Imágenes demasiado pesadas

Es la causa número uno. Fotos de 3 o 4 MB subidas tal cual de la cámara, sin redimensionar ni convertir a formatos modernos como WebP o AVIF. La imagen principal debe cargarse con prioridad y el resto, solo cuando el visitante se acerca a ellas.

Constructores visuales y plugins de más

Los maquetadores visuales cargan mucho código que la página no usa, y cada plugin añade el suyo. Revisa qué plugins de verdad necesitas y si la web podría funcionar con plantillas más ligeras.

Scripts de terceros

Chats, píxeles de publicidad, mapas incrustados, vídeos y widgets de redes sociales. Cada uno descarga y ejecuta código. Cárgalos de forma diferida o solo en las páginas donde hacen falta.

Tipografías mal cargadas

Las fuentes web pueden retrasar el texto o provocar saltos. Lo ideal es alojarlas en tu propio servidor, cargar solo los pesos que usas y mostrar el texto mientras se descargan.

Animaciones que trabajan sin parar

Efectos que se recalculan en cada fotograma (desenfoques, partículas, textos que se transforman) pueden bloquear el procesador del móvil y dar tirones, sobre todo en Safari. Una animación bien hecha usa transiciones ligeras y se detiene cuando no está a la vista.

Hosting lento y sin caché

Un servidor barato saturado tarda en responder antes de que empiece a cargar nada. Un hosting de calidad con caché de página (LiteSpeed, por ejemplo) marca mucha diferencia.

Un caso real: de 70 a 95

En nuestra propia portada, PageSpeed para móvil daba 70 y la imagen principal tardaba 4,5 segundos en la prueba. Rehicimos la página sin constructor visual, sustituimos un titular animado que bloqueaba el procesador por una transición ligera, metimos los estilos críticos en la propia página y servimos a los móviles una versión más ligera de la imagen principal. Resultado: 95 sobre 100 en móvil y la imagen principal en 2,7 segundos, manteniendo las animaciones.

Preguntas frecuentes

¿Hace falta sacar 100 en PageSpeed?

No. A partir de 90 la web es rápida, y es más importante que las tres Core Web Vitals estén en verde con usuarios reales que la cifra exacta de la prueba.

¿Un plugin de caché lo arregla todo?

Ayuda mucho, pero no compensa imágenes enormes, un constructor pesado o diez scripts de terceros. La velocidad se decide sobre todo al diseñar y programar la web.

¿Podéis mejorar la velocidad de mi web?

Sí. Todas nuestras webs a medida se miden con PageSpeed antes de publicarse, y optimizamos webs existentes dentro de nuestro servicio de posicionamiento SEO. Pásanos tu web y te decimos qué la frena.