Tres señales de experiencia real
Core Web Vitals resume tres aspectos: velocidad de carga percibida, capacidad de respuesta y estabilidad visual. Google utiliza actualmente LCP, INP y CLS para representar esas áreas.
- LCP: cuándo aparece el contenido principal.
- INP: cuánto tarda la página en responder a interacciones.
- CLS: cuánto se mueve inesperadamente el contenido.
Los objetivos recomendados por web.dev son LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos, evaluados en el percentil 75 de visitas.
Qué suele volver lenta una web
Imágenes enormes, vídeos cargados antes de tiempo, demasiados scripts, fuentes duplicadas, plugins que hacen lo mismo y servidores lentos. También existen problemas invisibles: código que bloquea el hilo principal o componentes que cambian de tamaño al cargar.
No conviene eliminar elementos sin entender su función. Una fotografía decisiva puede aportar más valor que varios scripts de seguimiento mal configurados.
Mejora primero lo que ve el usuario
- Optimiza la imagen o recurso principal.
- Reserva dimensiones para imágenes y vídeos.
- Carga bajo demanda lo que aparece más abajo.
- Reduce scripts y estilos innecesarios.
- Comprueba móvil con una conexión realista.
Utiliza datos de laboratorio y de usuarios
PageSpeed Insights y Lighthouse ayudan a detectar problemas durante el desarrollo. Search Console y Chrome UX Report pueden mostrar datos de usuarios reales cuando existe suficiente tráfico. Analiza páginas importantes por separado: la portada y una página de servicio pueden tener problemas distintos.
No cargues lo que todavía no se necesita
Una portada no debería descargar todas las páginas y fotografías de una demostración situada varios bloques más abajo. Separa contenido inicial y contenido solicitado. Las imágenes deben tener dimensiones adecuadas al uso; una fotografía de impresión no necesita viajar íntegra al móvil.
En la revisión de este portfolio se separaron las vistas de cada proyecto y sus recursos, y el visor se carga al acercarse a él. Es una decisión técnica observable, no una cifra inventada de incremento de ventas.
Prueba carga, lectura y respuesta
Revisa una visita con caché vacía y otra repetida. Observa cuándo aparece el contenido principal, si se mueve al llegar imágenes y si un botón responde mientras se está cargando otro bloque. Un indicador global no sustituye comprobar el recorrido del usuario.
No elimines fotografías útiles solo para buscar una puntuación. Optimiza formato, tamaño, caché y momento de carga, manteniendo suficiente calidad. Puedes probar las demos para contrastar carga inicial y navegación interior.
Prioriza por experiencia, no por una cifra aislada
Empieza por recursos desproporcionados, errores que impiden cargar contenido y tareas que bloquean la interacción. Después revisa fuentes, scripts y estabilidad visual. Vuelve a probar con una conexión y dispositivo comparables.
La velocidad acompaña a la claridad: consulta también las siete mejoras para captar contactos.
¿Tu web tarda o se mueve mientras carga?
Puedo revisar rendimiento, experiencia móvil y puntos que afectan al contacto.
Revisar mi rendimiento ↗