Rendimiento · Medellín, Colombia
Core Web Vitals sin tecnicismos: LCP, INP y CLS para una web comercial
Aprenda a leer los tres indicadores y a priorizar las correcciones que afectan la experiencia móvil.
No toda página lenta falla de la misma manera. Algunas tardan en mostrar el elemento principal; otras se ven rápidas pero no reaccionan cuando toca “Cotizar”; otras mueven botones mientras carga una foto. Google y el ecosistema web usan tres métricas llamadas Core Web Vitals para describir partes de esas experiencias, pero ningún puntaje reemplaza una prueba comercial real.
LCP: cuándo aparece lo más importante
Largest Contentful Paint estima cuánto demora en renderizarse el mayor elemento visible relevante. Si el bloque principal es una fotografía gigante sin optimizar, puede retrasar la respuesta visual. Antes de instalar plugins, reduzca imágenes, use formatos y dimensiones apropiados, evite cargar recursos innecesarios y revise qué está bloqueando el renderizado. No sacrifique una fotografía de producto que informa por un fondo vacío solo para ganar un punto.
INP: qué tan rápido responde al usuario
Interaction to Next Paint observa la respuesta a interacciones reales. Un botón de WhatsApp que parece congelado, una pestaña que tarda en abrir o un formulario que no reacciona a tiempo pueden frustrar al cliente incluso cuando la foto principal cargó rápido. Examine scripts pesados, tareas largas y widgets de terceros. Una página con muchas etiquetas de marketing y chat flotantes a menudo merece menos código, no más.
CLS: evite que el contenido salte
Cumulative Layout Shift mide cambios inesperados de diseño. Reserve espacio para imágenes, banners y módulos antes de cargarlos. Si un botón se desplaza mientras una persona intenta tocarlo, existe un problema de uso además de uno técnico. Revise desde dispositivos y conexiones reales, con texto grande y tamaños de pantalla distintos, porque las herramientas sintéticas no capturan todas las experiencias.
Una rutina de diagnóstico que puede exigirle al proveedor
Abra PageSpeed Insights y distinga datos de usuarios reales de pruebas de laboratorio. Tome nota de la URL evaluada y compare primero páginas comerciales clave. Pida correcciones concretas, capturas antes/después y confirmación de que las consultas y formularios siguen funcionando. No acepte que un puntaje de laboratorio, por sí solo, sea la prueba de un aumento de ventas.
Checklist para aplicar
- Evalúe las páginas de servicios, no solo el inicio.
- Compruebe tamaño y prioridad de la imagen principal.
- Pruebe interacción de botones y formularios.
- Reserve dimensiones para imágenes y banners.
- Distinga datos reales y pruebas de laboratorio.
- Verifique que la mejora no rompa las conversiones.
Un ejemplo para adaptar
Orden recomendado de trabajo: primero corrija fallos que impiden contactar, después recursos que bloquean el contenido principal y finalmente elementos que se mueven. Es una priorización comercial, no una puntuación oficial.
Pregunta frecuente
¿Un LCP bajo garantiza más clientes?
No. Mejorar la experiencia puede reducir fricción, pero oferta, precio, confianza y atención también determinan las consultas.
Fuentes y criterios
La orientación técnica se basa en documentación de los proveedores citados. Los menús y políticas pueden cambiar. Los ejemplos de negocio son ilustrativos.
Para seguir aprendiendo
Le recomendamos leer también esta guía relacionada de Píxel Paisa y comparar los paquetes y el configurador si ya está considerando un proyecto.
¿Qué tres cosas mejoraríamos en su negocio?
Mándenos la web, Instagram o Perfil de Empresa. Revisamos claridad, confianza y ruta a contacto. Le respondemos con tres oportunidades concretas; usted decide si quiere aplicarlas o pedir cotización.