Datos estructurados, sitemaps, velocidad y autoridad · Lección 4 de 6
Velocidad: Core Web Vitals y cómo medir sin engañarse
Google mide la experiencia con tres métricas: LCP (carga, bueno hasta 2,5 s), INP (respuesta al tocar, bueno hasta 200 ms) y CLS (estabilidad, bueno hasta 0,1), sobre el 75 % de las visitas reales. Lighthouse es una prueba de laboratorio que varía de una corrida a otra: medí dos veces o más y compará contra otro sitio con la misma prueba.
Las tres métricas
| Métrica | Qué mide | Bueno | Malo |
|---|---|---|---|
| LCP | Tiempo hasta ver el elemento más grande (foto principal, título) | ≤ 2,5 s | > 4 s |
| INP | Tiempo hasta que la página responde a un toque o clic | ≤ 200 ms | > 500 ms |
| CLS | Cuánto se mueve el contenido mientras carga | ≤ 0,1 | > 0,25 |
INP reemplazó a FID en marzo de 2024. Las tres se evalúan en el percentil 75: la página «aprueba» si el 75 % de las visitas tuvo un valor bueno.
Campo y laboratorio
- Datos de campo: visitas reales de Chrome (informe CrUX). Los ves en PageSpeed Insights («Descubre lo que experimentan tus usuarios») y en Search Console → Métricas web principales. Son los que usa Google.
- Datos de laboratorio: una carga simulada en un celular de gama media con red lenta (Lighthouse). Sirven para encontrar la causa y probar arreglos, pero no son lo que Google evalúa.
Un sitio nuevo o con poco tráfico no tiene datos de campo suficientes: ahí solo queda el laboratorio.
Lighthouse varía: cómo medir bien
npx --yes lighthouse@12.6.1 https://tusitio.com/ \
--only-categories=performance --output=json \
--output-path=medicion-1.json --chrome-flags="--headless=new" --quiet- Corré la prueba dos veces o más y usá la mediana.
- Compará contra otro sitio con la misma prueba, la misma máquina y la misma hora.
- Cerrá otros programas pesados: la prueba usa la CPU de tu computadora.
Las causas más comunes
- LCP alto: foto principal pesada o descubierta tarde. Usá WebP o AVIF,
fetchpriority="high"en esa imagen y nuncaloading="lazy"en la primera foto visible. - LCP alto en sitios con JavaScript: el contenido espera a que se arme la aplicación. Prerenderizado o render en el servidor.
- CLS: imágenes sin
widthyheight, anuncios o avisos que empujan el contenido, fuentes que cambian de tamaño al cargar. - INP: mucho JavaScript ejecutándose al tocar; dividir tareas largas y cargar menos librerías.
Este sitio no manda JavaScript al navegador y precarga sus dos tipografías: es una forma directa de tener INP y LCP buenos.
Ejercicio sobre tu sitio
- Pasá tu portada por PageSpeed Insights y anotá si tiene datos de campo y cuál es su LCP, INP y CLS.
- Corré Lighthouse dos veces seguidas sobre la misma página y anotá la diferencia entre las dos notas.
- Identificá el elemento LCP de tu portada (Lighthouse lo indica) y revisá si tiene
loading="lazy"por error.
Preguntas frecuentes
¿La velocidad es un factor de posicionamiento?
Las Core Web Vitals forman parte de la experiencia en la página que Google tiene en cuenta, pero pesan menos que la relevancia del contenido. Una página lenta y útil suele ganarle a una rápida que no responde.
¿Por qué Lighthouse me da notas distintas cada vez?
Simula la carga en tu propia computadora y red, que cambian de un momento a otro. Por eso hay que medir varias veces, usar la mediana y comparar contra otro sitio con la misma prueba.
¿Qué reemplazó a FID?
INP (Interaction to Next Paint), desde marzo de 2024. Mide la respuesta a todas las interacciones de la visita, no solo a la primera.