De las tres métricas que componen oficialmente los Core Web Vitals, una mide específicamente la velocidad percibida de carga: el LCP (Largest Contentful Paint, «pintado del contenido más grande»), el tiempo que tarda en cargarse y mostrarse el elemento visualmente más grande dentro del área visible de la pantalla al entrar en una página.
Qué cuenta exactamente como «el elemento más grande»
Normalmente es una imagen destacada, un vídeo, o un bloque de texto extenso, según cuál ocupe más espacio visual dentro de la pantalla en el momento de cargar. El navegador identifica automáticamente cuál es ese elemento y mide el tiempo que tarda en mostrarse completamente, desde que empieza la navegación hasta que ese elemento concreto es visible.
Por qué es la métrica de velocidad más citada dentro del SEO técnico
- Refleja bien la sensación subjetiva de «esta web carga rápido», más que otras métricas técnicas menos intuitivas para quien no es desarrollador.
- Google recomienda un LCP inferior a 2,5 segundos para considerar una página como «buena», con un umbral de hasta 4 segundos como «necesita mejora» y por encima como «deficiente».
- Es, junto al CLS y el INP, una de las tres métricas con peso explícito en el posicionamiento SEO dentro de los Core Web Vitals.
Causas habituales de un LCP lento
Imágenes o vídeos sin comprimir, demasiado pesados para el uso que se les da. Un servidor lento en responder a la solicitud inicial, retrasando todo lo que viene después. CSS o JavaScript que bloquea la renderización antes de que el elemento principal pueda mostrarse. Y fuentes tipográficas personalizadas que tardan en cargar, retrasando la aparición de bloques de texto grandes.
Cómo se mejora en la práctica
- Comprimir y optimizar el peso de imágenes y vídeos, sobre todo el elemento identificado como el más grande de cada página clave.
- Usar un CDN para reducir la distancia física entre el servidor y quien visita la web.
- Priorizar la carga del elemento LCP frente a otros recursos menos críticos, mediante técnicas como la precarga de la imagen principal.
- Reducir o eliminar el CSS y JavaScript que bloquea la renderización antes de que aparezca ese elemento clave.