Cómo optimizar una web lenta en 2025 con pocos pasos

La verdad incómoda: la velocidad en 2025 es móvil

En escritorio casi todo “parece rápido”. El problema real es móvil con 4G/5G irregular. Si tu web tarda, el usuario se va y Google lo nota. Por eso conviene pensar en Core Web Vitals y en qué elemento está rompiendo la experiencia.

1) Identifica el cuello de botella

Antes de optimizar a ciegas, revisa:

• Peso total de la página (MB).
• Número de peticiones (requests).
• Qué carga primero (hero, fuentes, CSS).
• JS bloqueando interacción.

2) LCP: lo principal debe aparecer rápido

Normalmente el LCP es la imagen o bloque “hero”. Acciones:

• Convierte a AVIF/WebP y usa tamaños correctos.
• Precarga la imagen principal si es grande.
• Evita sliders pesados como hero (en móvil matan).

3) CLS: evita que la web “salte”

• Define width/height en imágenes.
• Reserva espacio para banners/cookies.
• Fuentes: cuidado con cambios de tamaño por carga tardía.

4) INP: que el clic responda

INP suele empeorar por JS pesado:

• Usa defer y carga condicional por página.
• Quita librerías si solo usas una función.
• Evita listeners globales innecesarios.

5) CSS: reduce lo que bloquea el render

• Minifica y elimina CSS no usado.
• CSS crítico (lo de arriba) primero, el resto diferido si puedes.

6) Servidor y caché

• Cache-control para estáticos (imágenes/CSS/JS).
• Compresión gzip/brotli.
• Opcache en PHP.

Mini-checklist (lo que más se nota rápido)

• Hero optimizado (peso y tamaño).
• Eliminar slider pesado en móvil si no convierte.
• Defer en JS + quitar scripts sobrantes.
• Imágenes con dimensiones definidas.
• Caché + compresión.

FAQ rápido

• ¿Optimizar imágenes vale tanto? Sí: suele ser el mayor porcentaje del peso.
• ¿Por qué en mi PC va rápido? Porque tu PC no es el móvil del usuario con red limitada.
• ¿Qué priorizo? LCP (hero), luego CLS, luego INP.