Actualizado: 9 de octubre de 2026Lectura: 6 minutos

Respuesta breve

Para mejorar velocidad primero identifica qué afecta la carga, interacción o estabilidad visual. Después optimiza imágenes, fuentes, CSS, JavaScript, caché y servidor según evidencia. Instalar un plugin sin diagnóstico puede ocultar síntomas o introducir errores.

Empieza por medir

Combina datos reales de usuarios cuando existan con pruebas de laboratorio. Revisa páginas representativas en móvil y separa problemas de red, servidor, renderizado e interacción.

LCP

Tiempo hasta que aparece el elemento principal visible.

INP

Capacidad de responder con rapidez a interacciones.

CLS

Estabilidad visual mientras carga la página.

Mejoras con mayor impacto

  • Recorta y comprime imágenes al tamaño real de uso.
  • Declara dimensiones para evitar saltos de layout.
  • Reduce JavaScript y terceros que bloquean interacción.
  • Carga fuentes con pesos necesarios y estrategia de intercambio.
  • Activa caché, compresión y una respuesta rápida del servidor.
  • Difiere mapas, chats y widgets hasta que sean necesarios.

Evita optimizar una sola puntuación

Una mejora debe conservar accesibilidad, contenido, medición y funciones. Verifica que formularios, menús, analítica y conversiones sigan funcionando después de cada cambio.

Fuente primaria

Web Vitals — web.dev

Conoce nuestro servicio de programación y rendimiento →