Un sitio lento rara vez recibe reclamos. Nadie escribe para decir que tu página tardó en cargar: simplemente cierran la pestaña y vuelven a los resultados de búsqueda. Por eso el problema suele pasar inadvertido hasta que alguien mira las métricas con atención.
Google formalizó buena parte de esa experiencia en tres indicadores llamados Core Web Vitals. Entenderlos te permite conversar con tu equipo o proveedor con datos, en lugar de impresiones como “lo siento lento”.
Las tres métricas, en simple
Según la documentación oficial en web.dev, estos son los umbrales de una experiencia “buena”, medidos sobre el percentil 75 de las visitas reales, por separado en móvil y escritorio:
LCP: cuánto tarda en aparecer lo principal
Largest Contentful Paint mide cuándo se termina de mostrar el elemento más grande visible al cargar, normalmente la imagen principal o el título. Lo bueno es 2,5 segundos o menos. Lo empeoran imágenes pesadas, servidores lentos y archivos que bloquean la carga.
INP: cuánto tarda en reaccionar
Interaction to Next Paint mide el tiempo entre que el usuario toca o hace clic y la página responde visualmente. Lo bueno es 200 milisegundos o menos. Reemplazó en 2024 a la métrica anterior (FID) porque mide la respuesta durante toda la visita, no solo en la primera interacción. Lo empeora el exceso de JavaScript.
CLS: cuánto se mueve la página
Cumulative Layout Shift mide los saltos inesperados de contenido: ese momento en que vas a tocar un botón y aparece un banner que lo empuja hacia abajo. Lo bueno es 0,1 o menos. Lo empeoran imágenes sin dimensiones definidas, anuncios y fuentes que cambian de tamaño al cargar.
Por qué importa para tu negocio (sin exagerar)
Hay que ser precisos: Google considera la experiencia de página como una señal más entre muchas. Un sitio rápido con contenido irrelevante no va a superar a uno lento que responde mejor la búsqueda. Desconfía de quien te prometa subir al primer lugar solo por optimizar velocidad.
El impacto más directo está en las personas, no en el algoritmo:
- Abandono antes de ver la oferta. Si la imagen principal tarda en aparecer, tu propuesta de valor no alcanza a leerse.
- Frustración en formularios y checkouts. Una página que responde lento al tocar un botón hace que el usuario repita el clic, dude o abandone.
- Errores por saltos de contenido. Tocar el botón equivocado porque la página se movió genera desconfianza, sobre todo en un proceso de pago.
- Móvil en condiciones reales. Tu equipo revisa el sitio con buena conexión y equipos nuevos. Tus clientes, muchas veces, desde el celular en movimiento.
Cómo medir sin engañarte
Existen dos tipos de datos y conviene no confundirlos:
- Datos de laboratorio: una simulación de carga en condiciones controladas. Sirven para diagnosticar y comparar cambios, pero no representan a tus usuarios.
- Datos de campo: mediciones de visitas reales. Son los que Google usa para evaluar tu sitio.
PageSpeed Insights muestra ambos cuando tu sitio tiene suficiente tráfico, y el informe de Core Web Vitals de Google Search Console agrupa las páginas con problemas. Si tu sitio tiene poco tráfico y no aparecen datos de campo, puedes medir directamente desde el navegador de tus visitantes con la librería abierta web-vitals y enviar los resultados a tu analítica.
Los culpables más comunes
En la mayoría de los sitios lentos, el problema suele estar en una lista corta de causas:
- Imagen principal sin optimizar. Archivos de varios megas, sin formatos modernos como WebP o AVIF, o servidos en un tamaño mucho mayor al que se muestra. Otro error frecuente: aplicar carga diferida (lazy loading) justamente a la imagen principal, lo que la retrasa.
- Scripts de terceros. Chats, píxeles de publicidad, mapas, widgets de reseñas. Cada uno suma peso y trabajo para el navegador, y muchas veces nadie recuerda por qué se instaló.
- Constructores visuales y temas genéricos. Cargan estilos y código para cientos de funciones que tu sitio no usa.
- Carruseles en la portada. Suelen cargar varias imágenes grandes de entrada y agregar JavaScript, para mostrar contenido que pocos llegan a ver.
- Fuentes mal cargadas. Provocan textos invisibles o saltos cuando la tipografía final reemplaza a la provisoria.
- Hosting y caché. Si el servidor tarda en responder, todo lo demás parte con retraso.
Landing pages: donde cada décima cuenta
Si inviertes en campañas pagadas, pagas por cada clic, llegue o no la página a mostrarse. Una landing pesada es literalmente presupuesto que se pierde en el camino.
Por eso una buena landing se construye liviana desde el inicio: un solo objetivo, pocas dependencias externas, imágenes preparadas para móvil y métricas instaladas desde el primer día. Es la lógica con que trabajamos las landing pages. Lo mismo aplica al checkout de una tienda online: es la página donde un segundo de espera tiene el costo más visible.
Un plan de acción en orden
- Revisa tus páginas clave (portada, servicios, producto, checkout) en PageSpeed Insights y en Search Console.
- Identifica cuál de las tres métricas falla y en qué dispositivo. Casi siempre es móvil.
- Optimiza primero la imagen principal y el tiempo de respuesta del servidor: suelen ser las mejoras de mayor impacto con menor esfuerzo.
- Haz un inventario de scripts de terceros y elimina los que nadie usa.
- Define dimensiones para imágenes, anuncios y elementos embebidos para evitar saltos.
- Vuelve a medir con datos de campo después de unas semanas, no solo en laboratorio.
La velocidad es parte del diseño, no un ajuste final
La forma más barata de tener un sitio rápido es construirlo rápido desde el principio: un tema hecho a medida, sin dependencias innecesarias y con imágenes preparadas para cada pantalla. Corregir después siempre cuesta más.
Si sientes que tu sitio actual se quedó lento, o vas a construir uno nuevo, en Sitios Web incorporamos el rendimiento como requisito desde el diseño, junto con la autonomía para que tu equipo lo mantenga.
