Tu web, más rápida: optimización de Core Web Vitals

Por qué la velocidad de tu web importa

Piensa en una tienda en la que, al entrar, tienes que esperar unos segundos a que enciendan las luces y luego los estantes se mueven de sitio justo cuando vas a coger algo. Mucha gente se daría la vuelta. En una web pasa lo mismo, y sobre todo en el móvil, que es desde donde llega la mayoría de visitas a una pyme.

La velocidad afecta a dos cosas. La primera, a las personas: una web que tarda o que salta mientras carga genera desconfianza y hace que se vayan antes de pedir presupuesto. La segunda, a Google: la experiencia de página forma parte de las señales que tiene en cuenta. No es lo que más pesa, pero entre dos webs parecidas, la que carga bien juega con ventaja.

Qué son LCP, INP y CLS, sin tecnicismos

Google mide la experiencia de carga con tres indicadores que llama Core Web Vitals. Los mide con datos reales de visitantes que usan Chrome, no solo con una prueba puntual.

• LCP (Largest Contentful Paint): cuánto tarda en verse lo principal. Es el tiempo hasta que aparece el elemento más grande de la pantalla, normalmente la imagen de cabecera o el titular. Es como el tiempo que tardan en encenderse las luces de la tienda. Google lo considera bueno por debajo de 2,5 segundos.
• INP (Interaction to Next Paint): cuánto tarda en reaccionar. Mide lo que pasa entre que tocas un botón o abres un menú y la web responde. Si al pulsar no pasa nada durante un rato, es como un dependiente que no te hace caso. Bueno por debajo de 200 milisegundos.
• CLS (Cumulative Layout Shift): cuánto se mueve el contenido. Es ese momento en que vas a pulsar un enlace y, de repente, aparece un banner y pulsas otra cosa. Cuanto más bajo, mejor; bueno por debajo de 0,1.

Si quieres entenderlo con más calma, tengo una guía sobre por qué una web va lenta y qué son los Core Web Vitals.

Cómo saber si tu web va lenta

No hace falta ser técnico para sospecharlo. Algunas señales habituales:

• Al abrirla desde el móvil con datos, tarda en verse algo útil.
• El contenido se mueve mientras carga y a veces pulsas lo que no querías.
• Los menús o botones tardan en responder.
• En Google Search Console aparece el informe de Core Web Vitals con URLs marcadas como “deficientes” o “necesitan mejorar”.
• Has añadido muchas fotos, plugins o herramientas de marketing en los últimos años y nadie ha revisado el impacto.

Una prueba rápida que puedes hacer tú: abre tu web desde el móvil, fuera de la wifi de la oficina, como lo haría un cliente. Si tienes la sensación de esperar, probablemente tus visitantes también la tienen. Si quieres datos en lugar de sensaciones, para eso está la auditoría.

Por qué va lenta una web: las causas más habituales

Imágenes demasiado pesadas

Es la causa más frecuente. Fotos subidas tal como salen de la cámara o del banco de imágenes, de varios megas, para mostrarse en un espacio pequeño. O imágenes sin tamaño definido, que hacen saltar el contenido al cargar.

Constructores visuales y plantillas recargadas

Los constructores visuales facilitan montar una web sin programar, pero suelen generar mucho más código del necesario. Muchas plantillas cargan sliders, animaciones y fuentes que la web ni siquiera usa.

Scripts de terceros

Chats, píxeles de publicidad, mapas, vídeos incrustados, widgets de reseñas, herramientas de analítica. Cada uno añade peso y, sobre todo, trabajo para el navegador. Juntos son una causa habitual de un INP malo.

Plugins que se acumulan

En WordPress es normal ir instalando plugins con los años. Algunos ya no se usan, otros se solapan y otros cargan sus archivos en todas las páginas aunque solo se necesiten en una.

Hosting justo

Un alojamiento lento o saturado hace que el servidor tarde en responder antes de que empiece nada más. Optimizar el resto ayuda, pero hay un punto en el que el hosting manda.

Qué hago en una auditoría de velocidad

1. Mido con datos reales y de laboratorio. Reviso los datos de campo de tus visitantes cuando existen y hago pruebas controladas en móvil para encontrar qué frena cada página importante.
2. Busco las causas, no solo los síntomas. No me quedo en “la puntuación es baja”. Identifico qué imagen, qué script, qué plugin o qué parte de la plantilla es responsable.
3. Ordeno las mejoras por impacto y coste. Separo lo que se arregla rápido y se nota mucho de lo que requiere más trabajo o no compensa.
4. Te lo explico en claro. Recibes un informe que puedes entender sin ser técnico y lo repasamos juntos. Con él puedes encargarme la optimización o pasárselo a quien lleve tu web.

Qué hago en una optimización

• Comprimo y convierto imágenes a formatos modernos, con el tamaño adecuado para cada pantalla y carga diferida cuando aportan.
• Reservo el espacio de imágenes, banners y anuncios para que el contenido no salte.
• Reviso fuentes tipográficas, CSS y JavaScript: quito lo que sobra y retraso lo que no hace falta al principio.
• Ajusto o retraso los scripts de terceros y te digo cuáles cuestan más de lo que aportan.
• Configuro caché y compresión, y reviso si el hosting es parte del problema.
• En WordPress, depuro plugins y ajustes del tema.
• Mido antes y después, con los mismos criterios, para que veas qué ha cambiado.

Por qué hacerlo conmigo

Llevo más de 20 años desarrollando frontend en empresas como Softonic, coches.net, PromoFarma o Acierto, donde la velocidad de la web se nota en el negocio y se mide en serio. Las webs que hago yo salen rápidas y accesibles de serie, porque es más fácil hacerlo bien desde el principio que arreglarlo después.

Trabajo desde Barcelona y en remoto para toda España. Optimizo tanto WordPress como webs hechas a medida con Vue, Nuxt, React o Astro. Y si la auditoría muestra que tu web no tiene arreglo razonable, te lo digo: a veces compensa más un rediseño web que seguir poniendo parches. Para que la mejora no se pierda con el tiempo, el mantenimiento web puede incluir la revisión periódica del rendimiento.

Precio de la auditoría y la optimización

Los precios orientativos están en las tarjetas de esta página. La auditoría tiene un precio cerrado. La optimización parte de un mínimo y se ajusta según lo que salga en la auditoría: no cuesta lo mismo optimizar una web de cinco páginas bien hecha que una tienda online con veinte plugins y un constructor visual. Antes de empezar sabrás el precio exacto y qué incluye.