Core Web Vitals para sitios web de pequeñas empresas: Guía sencilla sobre LCP, INP y CLS

Google ahora utiliza la experiencia real del usuario como factor de posicionamiento, y para los sitios web de pequeñas empresas eso significa que los Core Web Vitals importan más que nunca. Si tu sitio se siente lento o inestable, estás perdiendo visitantes y posiciones. La buena noticia: no necesitas ser desarrollador para solucionar los problemas más graves.

¿Qué son realmente los Core Web Vitals?

Los Core Web Vitals son tres mediciones específicas que Google utiliza para calificar cómo experimentan los usuarios tus páginas. Piénsalos como un chequeo de salud para la velocidad, la capacidad de respuesta y la estabilidad visual de tu sitio web.

• LCP (Largest Contentful Paint) – Cuánto tarda en aparecer el contenido principal (normalmente una imagen destacada o un titular). El objetivo es menos de 2,5 segundos.
• INP (Interaction to Next Paint) – Con qué rapidez responde tu página cuando alguien hace clic o toca. El objetivo es menos de 200 milisegundos.
• CLS (Cumulative Layout Shift) – Cuánto se mueve tu página mientras carga. El objetivo es menos de 0,1.

Si alguno de estos está en rojo, Google lo nota, y tus visitantes también.

Cómo consultar tus propias puntuaciones (sin necesidad de código)

Tienes dos herramientas gratuitas que te dicen exactamente en qué situación estás.

PageSpeed Insights – Ve a pagespeed.web.dev, introduce tu URL y pulsa Analizar. Obtendrás una puntuación para móvil y escritorio, además de una lista de oportunidades específicas. La sección "Diagnosticar problemas de rendimiento" es tu lista de tareas pendientes.

Google Search Console – Si has verificado tu sitio, mira en "Experiencia" > "Core Web Vitals". Esto muestra datos del mundo real de visitantes reales, agrupados por URL. Te indica qué páginas están "Deficientes", "Necesitan mejorar" o "Correctas".

Ejecuta ambas. PageSpeed Insights te da datos de laboratorio y soluciones; Search Console muestra cómo experimentan los usuarios reales tu sitio a lo largo del tiempo.

Soluciones sin código priorizadas que marcan la diferencia

No necesitas tocar ni una sola línea de código. Empieza con estas tres soluciones en orden.

1. Comprime y redimensiona las imágenes destacadas

Tu LCP casi siempre es una imagen. Una foto destacada de 4 MB es el principal culpable.

• Redimensiona las imágenes a las dimensiones exactas en que se muestran (normalmente no más de 1600 px de ancho).
• Comprímelas con herramientas gratuitas como Squoosh o TinyPNG; apunta a menos de 200 KB.
• Usa el formato WebP si tu plataforma lo admite.

Si usas webceke, las imágenes se optimizan automáticamente y se sirven en formatos modernos, así que esto ya está resuelto.

2. Elimina los sliders y las fuentes pesadas que bloquean el renderizado

Los sliders y carruseles cargan varias imágenes grandes y JavaScript antes de que pueda aparecer cualquier otra cosa. Retrasan el LCP y perjudican el INP. Sustitúyelos por una sola imagen destacada estática o una cuadrícula sencilla.

Las fuentes pesadas son otro culpable. Cada archivo de fuente es una descarga aparte. Limítate a una o dos familias tipográficas y usa fuentes del sistema cuando sea posible. Si debes usar fuentes personalizadas, carga solo los pesos que realmente necesites.

3. Reserva espacio para anuncios e inserciones

El CLS ocurre cuando el contenido se carga sin un tamaño fijo. Los anuncios, las inserciones de YouTube y las publicaciones en redes sociales son infractores habituales.

• Establece siempre atributos explícitos de ancho y alto en imágenes e iframes.
• Para los anuncios, reserva un contenedor de tamaño fijo en tu diseño antes de que se cargue el anuncio.
• Evita inyectar banners o ventanas emergentes por encima del contenido existente.

Esto evita que la página salte y mantiene baja tu puntuación de CLS.

Antes y después: un ejemplo real

Una panadería local tenía un LCP de 5,8 segundos, un INP de 340 ms y un CLS de 0,32. Después de comprimir la imagen destacada, eliminar un slider y reservar espacio para una inserción de Instagram, las puntuaciones bajaron a 1,9 s de LCP, 120 ms de INP y 0,04 de CLS.

Los resultados fueron más allá de la velocidad:

• El tráfico orgánico aumentó un 42 % en tres meses.
• La tasa de rebote cayó del 68 % al 41 %.
• Los pedidos en línea aumentaron un 27 %.

Mejores Core Web Vitals significaron que más personas se quedaron, exploraron y compraron.

Tu siguiente paso

Los Core Web Vitals para sitios web de pequeñas empresas no son solo una casilla técnica: afectan directamente a cuántos clientes te encuentran y confían en ti. Consulta tus puntuaciones hoy con PageSpeed Insights y Search Console, y luego aborda las tres soluciones anteriores.

Si prefieres saltarte el trabajo manual, webceke crea sitios rápidos y adaptados a móviles que optimizan automáticamente las imágenes, las fuentes y la estabilidad del diseño. Prueba webceke gratis y consigue un sitio con puntuación verde desde el primer día.