Core Web Vitals y velocidad web: la guía práctica para pymes

Soy Elmar Mamedova, full stack developer en Málaga, y si hay una conversación que repito casi cada semana con pymes es esta: «mi web tarda en cargar y no sé si eso me está costando clientes». La respuesta corta es sí, casi seguro te está costando dinero. La respuesta larga tiene nombre propio: Core Web Vitals.

En este artículo te explico qué son los Core Web Vitals y por qué la velocidad web influye tanto en tus ventas como en tu posicionamiento en Google. Lo haré con un lenguaje claro, sin tecnicismos innecesarios, pero entrando en el detalle que de verdad mueve la aguja. Al final tendrás una lista de acciones concretas que puedes pedirle a tu desarrollador o revisar tú mismo esta misma tarde.

Los Core Web Vitals son un conjunto de métricas que Google definió para medir la experiencia real de una persona usando tu web. No miden lo bonita que es ni cuántas funciones tiene: miden si carga rápido, si responde cuando haces clic y si los elementos se quedan quietos mientras navegas. Son la traducción a números de esa sensación de «esta web va fina» frente a «esta web es un suplicio».

Lo importante es que Google los usa como señal de posicionamiento dentro de su evaluación de experiencia de página. No son el factor más decisivo del SEO, pero cuando dos webs compiten por las mismas búsquedas, la que ofrece mejor experiencia tiene ventaja. Y, sobre todo, son la mejor brújula que existe para saber si tu web frustra o no a quien la visita.

Hay tres métricas principales que debes conocer: LCP, INP y CLS. Cada una mide una parte distinta de la experiencia. Vamos a verlas una a una porque entender qué significan es el primer paso para arreglarlas.

LCP: ¿cuánto tarda en verse lo importante?

LCP (Largest Contentful Paint) mide cuánto tarda en cargar el elemento más grande visible de la pantalla: normalmente la imagen principal, un vídeo o un bloque de texto destacado. Es la métrica de «¿cuándo veo algo útil?». Google considera bueno un LCP por debajo de 2,5 segundos. Si tu web tarda 5 o 6 segundos en mostrar la imagen de cabecera, la mayoría de visitantes ya se ha ido antes de verla.

INP: ¿responde cuando hago clic?

INP (Interaction to Next Paint) mide la rapidez con la que tu web reacciona a las interacciones: pulsar un botón, abrir un menú, rellenar un formulario. Sustituyó en 2024 a la antigua métrica FID y es más exigente. Un INP bueno está por debajo de 200 milisegundos. Cuando pulsas «Comprar» y no pasa nada durante un segundo, eso es un INP malo, y es una de las causas más silenciosas de abandono.

CLS: ¿se mueven las cosas mientras leo?

CLS (Cumulative Layout Shift) mide la estabilidad visual. ¿Te ha pasado que vas a pulsar un botón y, justo en ese momento, la página da un salto porque ha cargado un anuncio o una imagen y acabas pulsando donde no querías? Eso es un CLS alto. Google quiere un valor por debajo de 0,1. Es la métrica que más rabia genera en quien usa tu web, aunque no sepa ponerle nombre.

Empecemos por el dinero, que es lo que de verdad importa a una pyme. Los estudios de Google son contundentes: cuando el tiempo de carga pasa de 1 a 3 segundos, la probabilidad de que alguien abandone la página sube un 32 por ciento. Si pasa de 1 a 5 segundos, ese rebote se dispara por encima del 90 por ciento. Cada segundo de espera es gente que se marcha a la competencia.

En comercio electrónico el efecto es directo sobre la facturación. Hay análisis que muestran que una mejora de un solo segundo en la carga puede subir las conversiones de forma medible. No es magia: una web rápida transmite confianza, reduce la fricción y deja que la persona se concentre en comprar en lugar de en esperar.

Y luego está el SEO. Google ha confirmado en su documentación que la experiencia de página, con los Core Web Vitals dentro, es una señal de posicionamiento. Puedes profundizar en cómo Google lo plantea en su documentación oficial para desarrolladores y en la guía técnica de web.dev sobre Core Web Vitals. Una web lenta no solo pierde clientes: también aparece más abajo en los resultados, así que pierdes visitas antes incluso de tener la oportunidad de convencer a nadie.

No puedes mejorar lo que no mides, así que el primer paso siempre es diagnosticar. La herramienta gratuita y oficial de Google es PageSpeed Insights. Solo tienes que pegar la URL de tu web y en unos segundos te dará una nota del 0 al 100 junto con los valores reales de LCP, INP y CLS.

Hay un matiz que conviene entender. PageSpeed Insights te muestra dos tipos de datos. Los «datos de laboratorio» son una simulación en condiciones controladas, útiles para depurar. Los «datos de campo» proceden de usuarios reales que han visitado tu web durante los últimos 28 días, y son los que Google usa de verdad para valorarte. Si tu web tiene poco tráfico, puede que aún no aparezcan datos de campo, y entonces los de laboratorio son tu mejor guía.

Te recomiendo medir siempre dos veces: una en móvil y otra en escritorio. En España más de la mitad del tráfico web ya es móvil, y suele ser donde están los peores números, porque las conexiones son más lentas y los teléfonos menos potentes. Si tu web va bien en el ordenador pero se arrastra en el móvil, estás perdiendo a la mayoría de tu público.

• Mide la página de inicio, pero también las páginas de producto o servicio y el formulario de contacto: cada una puede tener problemas distintos.
• Anota los valores de partida antes de tocar nada, así podrás comprobar la mejora real después.
• Fíjate más en los datos de campo que en la nota global: un 100 de laboratorio no sirve de nada si los usuarios reales sufren.
• Repite la medición una semana después de cada cambio para ver el efecto sobre usuarios reales.

Después de auditar decenas de webs de pymes, te puedo decir que casi siempre el problema está en uno de cinco sitios. La buena noticia es que son culpables muy reconocibles y, una vez identificados, se atacan con bastante eficacia.

1. 1Imágenes sin optimizar: la causa número uno con diferencia. Fotos de 4.000 píxeles y varios megas que se muestran en un recuadro pequeño. El navegador descarga todo el peso aunque luego lo encoja.
2. 2Hosting barato y saturado: un servidor compartido low cost que aloja cientos de webs responde lento bajo carga. Es el equivalente a montar tu tienda en un local sin luz.
3. 3Exceso de plugins y scripts: cada plugin de WordPress, cada chat, cada píxel de seguimiento y cada banner añade código que el navegador debe descargar y ejecutar.
4. 4Código pesado o mal estructurado: plantillas genéricas que cargan funciones que no usas, hojas de estilo enormes y JavaScript que bloquea la pantalla.
5. 5Ausencia de caché: sin caché, el servidor reconstruye la página entera en cada visita en lugar de servir una versión ya preparada.

Si te reconoces en dos o tres de estos puntos, no te preocupes: es lo normal. La mayoría de webs de pymes nacen rápidas y se van ralentizando con el tiempo a medida que se acumulan plugins, imágenes y parches. Lo importante es saber dónde mirar, y ahora ya lo sabes.

Vamos a lo práctico. Estas son las palancas que de verdad mueven los números, ordenadas por relación entre esfuerzo y resultado. No hace falta aplicarlas todas a la vez: empieza por las imágenes y el hosting, que suelen dar el mayor salto con el menor trabajo.

Optimiza las imágenes

Es la victoria más fácil. Sirve las imágenes en formatos modernos como WebP o AVIF, que pesan hasta un 70 por ciento menos que un JPG sin perder calidad visible. Ajusta el tamaño real al que se muestran y aplica carga diferida (lazy loading) para que las imágenes de más abajo solo se descarguen cuando el usuario llega a ellas. Solo con esto muchas webs pasan de rojo a verde en LCP.

Elige un buen hosting

El servidor es los cimientos. Un hosting con SSD, recursos garantizados y un buen TTFB (tiempo de respuesta del servidor) marca la diferencia. Si tu público está en España, que el servidor o una red de distribución de contenidos (CDN) sirva los archivos desde cerca reduce la latencia. Pagar 5 euros más al mes en hosting suele rentar mucho más que cualquier otra inversión en velocidad.

Limpia el código y activa la caché

• Minifica y comprime CSS y JavaScript para que el navegador descargue menos bytes.
• Elimina plugins y scripts que no uses: cada uno que quitas es velocidad que recuperas.
• Activa la caché del navegador y del servidor para que los visitantes recurrentes carguen casi al instante.
• Carga las fuentes de forma eficiente y evita que bloqueen el renderizado del texto.
• Reserva el espacio de imágenes, anuncios y banners con dimensiones fijas para que nada salte y mantener el CLS bajo.

Aquí entra una decisión de fondo: con qué tecnología está construida tu web. No todas parten igual. Una web hecha con un framework moderno como Next.js viene con la optimización de velocidad integrada de serie, mientras que muchas plantillas tradicionales arrastran código pesado desde el primer día.

Next.js optimiza las imágenes automáticamente, divide el código para que cada página cargue solo lo que necesita y puede generar páginas estáticas que se sirven al instante desde una CDN. En la práctica, esto significa que una web bien construida con Next.js suele aprobar los Core Web Vitals sin esfuerzos heroicos, porque las buenas prácticas vienen puestas por defecto en lugar de tener que añadirlas a mano.

No digo que WordPress sea malo: bien optimizado puede ir rápido, y para muchos proyectos es la opción correcta. Pero parte con desventaja en rendimiento frente a un enfoque moderno. Si te interesa comparar ambos mundos con calma, lo desarrollo en mi artículo sobre Next.js vs WordPress, y si quieres ver ejemplos reales puedes echar un ojo a mis proyectos.

La velocidad, además, no vive aislada: forma parte de una estrategia de SEO sana junto con el contenido y la estructura técnica. Y si estás valorando una web nueva y quieres saber qué presupuesto manejar, te será útil mi guía sobre cuánto cuesta una web en Málaga.

Los Core Web Vitals no son un examen técnico para impresionar a Google. Son la forma de medir si tu web trata bien a las personas que entran en ella. LCP para que vean rápido lo importante, INP para que todo responda al instante y CLS para que nada salte mientras navegan. Cuando esas tres métricas están en verde, retienes más visitas, conviertes más y posicionas mejor.

Mi consejo es sencillo: mide hoy tu web con PageSpeed Insights, apunta los números y empieza por las imágenes y el hosting. Verás resultados antes de lo que crees. Y si prefieres que lo haga alguien que se dedica a esto a diario, aquí estoy para ayudarte a dejar tu web rápida, estable y lista para vender.