- Inicio
- Guías para que te encuentren
- Diseño web
- Las Core Web Vitals explicadas
Las Core Web Vitals explicadas
Tres métricas describen lo rápida que parece una página, lo rápido que responde y lo estable que se mantiene. Aquí tienes qué significan y qué suele compensar.
Solicitar proyectoLos tres valores y sus límites
| Valor | Mide | Bueno | Malo desde |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Cuándo se ve el contenido más grande | hasta 2,5 s | más de 4,0 s |
| INP (Interaction to Next Paint) | Lo rápido que responde a las acciones | hasta 200 ms | más de 500 ms |
| CLS (Cumulative Layout Shift) | Cuánto saltan los contenidos al cargar | hasta 0,1 | más de 0,25 |
Cuenta el percentil 75 de las visitas reales: tres de cada cuatro visitas deben estar en verde. INP sustituyó al antiguo valor FID en marzo de 2024.
Laboratorio y usuarios reales
PageSpeed Insights muestra ambos. Arriba están los datos de campo de usuarios reales de Chrome, si tu web tiene suficientes visitas. Debajo está la prueba de Lighthouse, una sola simulación. Para Google cuentan los datos de campo. La puntuación de Lighthouse ayuda a depurar, pero no es el objetivo. Search Console muestra los datos de campo agrupados por páginas similares.
Cómo mejorar el LCP
El elemento más grande suele ser la imagen principal. Las medidas habituales:
- Servir la imagen al tamaño adecuado, en WebP o AVIF
- No retrasarla con
loading="lazy"; cargarla pronto - Revisar la respuesta del servidor: el alojamiento o la falta de caché suele ser el primer freno
- Reducir el CSS y JavaScript que bloquean el renderizado
- Cargar las fuentes con moderación y precargarlas
Cómo mejorar el INP
El INP sufre cuando demasiado JavaScript bloquea el hilo principal. En webs de empresa la causa principal rara vez es tu propio código, sino los scripts de terceros: gestores de etiquetas, widgets de chat, paquetes de seguimiento o maquetadores.
- Haz una lista de scripts y quita lo que ya nadie usa
- Carga los widgets pesados solo al hacer clic
- Divide las tareas largas en partes más pequeñas
Cómo mejorar el CLS
- Pon
widthyheighta imágenes y vídeos - Reserva espacio para anuncios, contenidos incrustados y avisos de cookies
- No insertes contenido arriba a posteriori
- Carga las fuentes con alternativas parecidas para que el texto no salte
¿Cuánto importan para el posicionamiento?
Google cuenta la experiencia en la página entre sus señales, pero también deja claro que unos buenos valores por sí solos no garantizan una posición alta. La relevancia sigue importando más. Tiene sentido sacar las páginas del rojo, pero rara vez compensa pasar semanas mejorando un valor que ya es bueno. También importa para tus visitas: quien tiene que esperar se marcha antes.
El orden para tu web
- Revisa los datos de campo en Search Console
- Empieza por las plantillas con más tráfico
- Ordena imágenes y scripts de terceros, que suele ser lo que más aporta
- Vuelve a medir. Los datos de campo cubren 28 días, así que reaccionan despacio.
Si quieres tu web construida así desde el principio: diseño web con tob-apps. La velocidad es solo un punto de la lista de comprobación SEO.
Artículos relacionados
- Diseño webSitios web y tiendas online que cargan rápido, se entienden y se construyen para buscadores desde el primer día, en español, inglés y alemán.
- ¿Cuánto cuesta una web?Por qué los presupuestos web varían tanto, qué factores fijan el precio y qué costes recurrentes se suelen olvidar al comparar ofertas.
- Rediseño web sin perder posicionesCómo migrar tu web sin perder visibilidad: inventario de URL, redirecciones, pruebas antes del lanzamiento y control posterior en Search Console.
Fuentes
Hablemos de tu proyecto.
Cuéntame brevemente de qué se trata. Recibes una respuesta personal de Tobias y después un precio cerrado. ¿Prefieres el correo? info@tob-apps.com