VELOCIDAD WEB Y CORE WEB VITALS.
Un sitio web lento o que salta pierde clientes antes de que lean una palabra. Google mide esa experiencia con tres Core Web Vitals. Aquí verás qué significan, cómo probar tu propio sitio gratis y las soluciones que suelen importar más en el sitio de un pequeño negocio.
QUÉ CAMBIÓ HACE POCO
- Google considera spam el secuestro del botón Atrás — Bloquear el botón Atrás del navegador ya es una práctica de spam con nombre propio.
Esta guía cubre lo que se mantiene. El blog sigue los cambios a medida que llegan.
LAS TRES MÉTRICAS
Google describe las Core Web Vitals como un conjunto de métricas que miden la experiencia real del usuario en rendimiento de carga, interactividad y estabilidad visual.2 Interaction to Next Paint (INP) reemplazó a First Input Delay como Core Web Vital en 2024.1
| Métrica | Qué mide | Bueno |
|---|---|---|
| Largest Contentful Paint (LCP) | Carga: cuándo aparece el contenido principal [1] | 2.5 segundos o menos [1][3] |
| Interaction to Next Paint (INP) | Respuesta: qué tan rápido reacciona la página a toques, clics y escritura [1] | 200 milisegundos o menos [1][3] |
| Cumulative Layout Shift (CLS) | Estabilidad visual: cuánto salta la página mientras carga [1] | 0.1 o menos [1][3] |
web.dev recomienda medir en el percentil 75 de las cargas de página, por separado para móvil y escritorio.1 Search Console califica un LCP de hasta 4 s, un INP de hasta 500 ms y un CLS de hasta 0.25 como “necesita mejorar”, y cualquier valor superior como “deficiente”.3
¿AFECTAN EL POSICIONAMIENTO?
Google dice que unas buenas Core Web Vitals coinciden con lo que sus sistemas de clasificación principales buscan premiar, como parte de una experiencia de página más amplia.2 Es un factor entre muchos. Una página rápida con contenido pobre o poco útil no superará a una mejor respuesta, así que toma la velocidad como una forma de retener a los visitantes que ya te ganaste.
CÓMO PROBAR TU SITIO
| Herramienta | Qué muestra | Cuidado con |
|---|---|---|
| PageSpeed Insights | Datos de campo de usuarios reales de Chrome (CrUX) más datos de laboratorio de Lighthouse, para móvil y escritorio [4] | Los datos de campo cubren los últimos 28 días, así que las mejoras tardan en verse; los resultados de laboratorio y de campo pueden no coincidir [4] |
| Informe de Core Web Vitals de Search Console | Grupos de URL similares calificados como Good, Needs improvement o Poor (bueno, necesita mejorar o deficiente), según datos de usuarios reales [3] | Los sitios pequeños pueden ver “No data available” (sin datos disponibles) cuando no hay suficientes datos de CrUX [3] |
¿Aún no hay datos de campo? Usa los resultados de laboratorio de PageSpeed Insights como guía y prueba tus páginas más importantes: inicio, servicios y contacto.
SOLUCIONES COMUNES PARA PEQUEÑOS NEGOCIOS
- Reduce las imágenes. Comprime las fotos y usa formatos de imagen modernos.5 Una foto directa de la cámara del teléfono suele ser mucho más grande de lo que la pantalla necesita.
- No uses carga diferida (lazy-load) en la imagen principal. web.dev dice que nunca apliques lazy-load a tu imagen LCP, y el atributo
fetchprioritypuede indicarle al navegador qué recursos importan más.5 - Dales tamaño a las imágenes y elementos incrustados. Incluye los atributos
widthyheight, o reserva espacio conaspect-ratiode CSS, para que el contenido no se mueva.6 - Planifica las fuentes web. El cambio de fuente puede mover el texto mientras la fuente carga; elige una fuente de respaldo parecida.6
- Recorta los scripts de terceros. Widgets de chat, rastreadores y elementos incrustados se suman. web.dev dice que quites un script si no aporta un valor claro, y que cargues los scripts de terceros de forma asíncrona salvo que deban ejecutarse antes de que se muestre la página.7
- Mantén ligeros los manejadores de clics. Para el INP, web.dev aconseja hacer el menor trabajo posible en los callbacks de eventos y dividir las tareas largas.8
- Usa un buen hosting y una CDN. web.dev recomienda una red de distribución de contenido para reducir la distancia que recorren los archivos.5
La velocidad es una parte de un sitio usable. Nuestra guía de accesibilidad web cubre la otra mitad: personas que usan teclado, lectores de pantalla o zoom.
PREGUNTAS FRECUENTES
Mi puntuación de PageSpeed es baja pero Search Console dice Good. ¿Cuál tiene razón?
Los dos pueden tenerla. La puntuación sale de una prueba de laboratorio simulada; Search Console usa visitantes reales a lo largo del tiempo. Google explica que los datos de laboratorio y de campo pueden diferir.4
¿Necesito un 100 perfecto?
No. Apunta a los umbrales “buenos” de arriba en tus páginas clave y luego dedica tu tiempo al contenido y a los clientes.
¿Un sitio más rápido garantiza más clientes potenciales?
Nadie puede prometer eso. La velocidad quita fricción; tu oferta, tus reseñas y tu seguimiento siguen siendo los que venden.
FUENTES
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results (Core Web Vitals y resultados de búsqueda).
- Search Console Help, Core Web Vitals report (informe de Core Web Vitals).
- Documentación de PageSpeed Insights, About PageSpeed Insights.
- web.dev, Optimize Largest Contentful Paint (optimizar el LCP).
- web.dev, Optimize Cumulative Layout Shift (optimizar el CLS).
- web.dev, Efficiently load third-party JavaScript (cargar JavaScript de terceros de forma eficiente).
- web.dev, Optimize Interaction to Next Paint (optimizar el INP).
SIGUE LEYENDO
AGENDA UNA LLAMADA DE ESTRATEGIA
¿No sabes por qué tu sitio se siente lento? Envíanos el enlace y repasamos qué lo está frenando.