4/6Rendimiento y Core Web Vitals
  1. 1Rastreo e indexación: cómo Googlebot lee tu web
  2. 2Renderizado y SEO: SSR, CSR y SSG
  3. 3Arquitectura de la información y enlazado
  4. 4Rendimiento y Core Web Vitals
  5. 5Datos estructurados y entidades
  6. 6Auditoría de logs y automatización

Rendimiento y Core Web Vitals

SEO técnico · Lección 4

La velocidad no es un capricho: Google mide la experiencia real de tus usuarios con tres cifras. Aquí ves qué miden y cómo moverlas.

  • 9 min de lectura
  • Nivel intermedio
  • Con examen al final
Lo que te llevas
  • LCP: cuánto tarda en pintarse lo principal. Bien por debajo de 2,5 s.
  • INP: cuánto tarda tu web en responder a un clic. Bien por debajo de 200 ms.
  • CLS: cuánto se mueve la página mientras carga. Bien por debajo de 0,1.
  • Google puntúa con el dato real de usuarios (CrUX), no solo con tu Lighthouse local.
El camino

El camino crítico de renderizado

Entre que llega el HTML y que el usuario ve la página hay una secuencia: el navegador lee el HTML, construye el árbol de la página, aplica el CSS (que bloquea el pintado hasta que se descarga) y ejecuta el JavaScript. Todo lo que se cruce en ese camino retrasa el primer pintado.

En resultados: el CSS y el JavaScript que bloquean son los que hacen que tu LCP se dispare. Lo crítico va primero; lo demás, aplazado.

Del HTML a los píxeles

El CSS y el JavaScript que bloquean el hilo principal retrasan el primer pintado. Todo lo que no sea crítico, aplázalo o cárgalo de forma asíncrona.

Los tres umbrales que Google llama buenos
< 2,5 sLCP · cargacuándo aparece el elemento principal
< 200 msINP · respuestalatencia al interactuar
< 0,1CLS · estabilidadcuánto salta el diseño al cargar
La métrica dura

INP: por qué el JavaScript pesado penaliza

INP (Interaction to Next Paint) sustituyó a FID en 2024 y mide algo muy concreto: cuánto tarda tu web en responder cuando el usuario pulsa algo, a lo largo de toda la visita. Si el hilo principal está ocupado ejecutando JavaScript (por ejemplo, hidratando de más), el clic se queda esperando y el INP se dispara.

La cura es la misma que en la lección de renderizado: menos JavaScript y trabajo troceado, para que el hilo principal esté libre cuando el usuario actúe.

El contraste
Lo que se dice
Mi Lighthouse da 100, así que mi web va perfecta.
Lo comprobable
Lighthouse es una prueba de laboratorio en tu máquina, con tu red y tu móvil. Google puntúa con el dato de campo de usuarios reales (CrUX), a menudo con redes y dispositivos peores. Pueden no coincidir.

Regla m8d Antes de dar la velocidad por buena, mira el informe de Core Web Vitals de Search Console: es el dato real de tus usuarios, y es el que cuenta para el ranking.

El arreglo de CLS que casi nadie hace
Pon width y height (o aspect-ratio) a tus imágenes y reserva el hueco de lo que carga tarde, como los anuncios. El salto de diseño desaparece y tu CLS baja solo.
Examen

Comprueba lo aprendido

Cinco preguntas. Acierta las cinco para dar la lección por superada.

Pregunta 1 de 5

¿Qué mide el LCP?

Comentarios

Sé el primero

Sin registro: solo un nombre. Todos los comentarios se revisan antes de publicarse.