Velocidad de carga de una web: cómo medirla y acelerarla (Core Web Vitals)

1. Por qué la velocidad de la web influye en las ventas y en Google

La mayoría de visitas a webs de empresa llegan hoy desde el móvil, a menudo con datos móviles, sobre la marcha, entre una cosa y otra. Si la página muestra una pantalla en blanco durante varios segundos, parte de la gente vuelve a los resultados y hace clic en la competencia. No hay ningún mensaje de error: la consulta simplemente no llega.

Google mide esa misma experiencia con usuarios reales de Chrome y la tiene en cuenta al valorar la página como Core Web Vitals. La velocidad no le gana a un contenido mejor, pero entre dos páginas parecidas puede decidir cuál sale más arriba.

2. Cómo medir la velocidad de una web, paso a paso

Bastan dos herramientas gratuitas de Google:

1. 1.Entra en pagespeed.web.dev, pega la dirección de la página y lanza el análisis. Empieza por la pestaña Móvil: es la que más importa.
2. 2.Mira primero la sección superior con datos de usuarios reales de los últimos 28 días. Si la web tiene poco tráfico, no aparecerá; entonces te queda la prueba de laboratorio de debajo.
3. 3.Revisa la puntuación de laboratorio (0–100) y la lista de Diagnóstico: cosas concretas que arreglar, ordenadas por el tiempo que cuestan.
4. 4.Repite la prueba con las dos o tres páginas más importantes (servicios, precios, contacto), no solo con la portada.
5. 5.En Google Search Console abre el informe Métricas web principales. Muestra qué grupos de páginas tienen problemas, con datos de toda la web.

Los datos de usuarios reales y la prueba de laboratorio a menudo no coinciden. El laboratorio simula un móvil medio con una conexión lenta y sirve para encontrar causas; los datos de campo muestran lo que pasa de verdad, y son los que mira Google.

3. Core Web Vitals explicadas: LCP, INP y CLS

Las tres métricas que usa Google responden a tres preguntas sencillas:

• —LCP (Largest Contentful Paint): ¿cuándo aparece el contenido principal?: El tiempo hasta que se muestra el elemento más grande de la pantalla, normalmente la imagen de cabecera o el titular. Bueno: hasta 2,5 segundos.
• —INP (Interaction to Next Paint): ¿responde la página enseguida?: Cuánto tarda la página en reaccionar después de pulsar un botón, abrir el menú o escribir. Bueno: hasta 200 milisegundos.
• —CLS (Cumulative Layout Shift): ¿salta el contenido?: Cuánto se mueven los elementos durante la carga: ese momento en que vas a pulsar un botón y en su sitio aparece un banner. Bueno: hasta 0,1.

Para aprobar, cada una de las tres tiene que estar en verde en al menos el 75 % de las visitas. La media no basta: cuenta la experiencia de la parte más lenta de tus visitantes.

4. Qué suele ralentizar la web de una empresa

En las webs de pequeñas y medianas empresas las causas se repiten con una frecuencia sorprendente:

• —Imágenes pesadas: una foto recién sacada de la cámara pesa varios megas y mide 6000 píxeles de ancho, y se muestra en una pantalla de 400. Es la causa más habitual de un mal LCP.
• —Scripts de terceros: chat, píxeles publicitarios, mapas, un widget de reseñas, un vídeo incrustado. Cada uno es pequeño, pero juntos pueden bloquear un móvil varios segundos y estropear el INP.
• —Demasiados plugins y una plantilla pesada: en los sistemas prefabricados cada plugin añade sus archivos a todas las páginas, también a las que no hace nada.
• —Un slider en la cabecera: varias imágenes grandes rotando al cargar suponen varias veces más datos que descargar antes de que se vea nada.
• —Fuentes y elementos sin espacio reservado: las tipografías que llegan en el último momento y las imágenes sin dimensiones desplazan el contenido y empeoran el CLS.
• —Un servidor lento: el hosting compartido más barato y sin caché puede tardar un segundo en enviar el primer byte.

5. Cómo acelerar una web: qué puedes hacer tú y qué exige rehacerla

Arreglos para una sola tarde

• —Convierte las imágenes a WebP o AVIF y redúcelas al tamaño con el que realmente se muestran.
• —Activa la carga diferida (lazy loading) de las imágenes por debajo de la primera pantalla, pero no la de la cabecera, porque es la que decide el LCP.
• —Quita los plugins y scripts que nadie usa, y carga el chat con retraso o tras la primera interacción del usuario.
• —Sustituye el slider de la cabecera por una sola imagen buena.
• —Activa la caché y la compresión en el servidor si tu hosting lo permite.

Cuando los arreglos no bastan

Si después de esos pasos la web sigue tardando varios segundos en el móvil, el problema suele estar más abajo: en una plantilla que lo carga todo en todas partes, en decenas de plugins que dependen unos de otros o en una estructura que no se puede aligerar sin reescribirla. En ese punto seguir poniendo parches cuesta más que una web ligera hecha de nuevo: prerenderizada, con las imágenes preparadas al compilar y los scripts cargados solo cuando hacen falta.

6. Preguntas frecuentes sobre la velocidad de una web

¿Qué puntuación de PageSpeed Insights es buena?

De 90 a 100 es verde, de 50 a 89 naranja y por debajo de 50 rojo. Pero los datos de campo importan más que el número: si LCP, INP y CLS están en verde, la página aprueba la evaluación de Google aunque el laboratorio marque 85.

¿Por qué la puntuación en móvil es mucho más baja que en ordenador?

La prueba móvil simula a propósito un teléfono medio con un procesador más lento y una conexión peor. No es un fallo de la herramienta: así ve la web una buena parte de tus clientes.

¿Basta un plugin de caché para acelerar una web?

Ayuda con un servidor lento, pero no reduce las imágenes ni quita scripts pesados. Con un LCP y un INP malos, la caché sola rara vez basta.

7. Mide tu propia web

Pasa PageSpeed Insights a tu portada y a tu página de servicios más importante, en la pestaña Móvil. Si alguna de las tres métricas sale en rojo, ya sabes por dónde empezar.

Las webs que construyo parten de la velocidad como premisa, no como arreglo final. Envíame la dirección de tu web y en 48 horas recibirás un presupuesto gratuito, junto con qué la ralentiza más y si bastan unos arreglos o conviene rehacerla.