Muchos artículos sobre rendimiento hablan de métricas, herramientas y números.

LCP, INP, CLS, PageSpeed, Lighthouse…

Pero cuando estás frente a un sitio real de un cliente, nada de eso te dice exactamente qué tocar primero.

Después de más de 15 años trabajando con WordPress —y recientemente enfocándome fuerte en Core Web Vitals— entendí algo:

Optimizar no es instalar plugins mágicos.
Es seguir un proceso claro.

Este es el checklist que uso hoy en proyectos reales.

No teoría.
Práctica.

1. Reviso el hosting primero (siempre)

Antes de tocar imágenes o código, miro el servidor.

Si el hosting es lento:

  • el HTML llega tarde
  • el CSS llega tarde
  • todo empieza tarde

Puedes optimizar todo lo que quieras… pero si el TTFB es alto, nunca vas a tener buen LCP.

Si veo hosting compartido saturado o barato, recomiendo migrar primero.

Muchas veces solo eso mejora 15–30 puntos en PageSpeed sin tocar nada más.

2. Identifico qué elemento es el LCP real

Abro DevTools o PageSpeed y veo:

¿Cuál es el Largest Contentful Paint?

Casi siempre es:

  • la imagen hero
  • un banner
  • o un bloque gigante de texto con fondo

Entonces optimizo eso primero:

  • comprimir imagen
  • usar WebP/AVIF
  • precargar si es necesario
  • evitar sliders pesados

No optimizo 50 cosas.
Optimizo lo que realmente impacta.

3. Limpio recursos que bloquean la carga

Reviso:

  • fuentes externas
  • CSS enorme
  • JavaScript innecesario
  • librerías que nadie usa

Minifico, difiero o elimino.

No se trata de tener menos plugins.
Se trata de que carguen menos cosas críticas.

He visto sitios con 40 plugins más rápidos que otros con 8.

El problema no es la cantidad.
Es lo que cargan.

4. Cuido la estabilidad visual (CLS)

Nada me molesta más que intentar hacer clic… y que el botón se mueva.

Por eso:

  • defino tamaños en imágenes
  • evito banners que aparecen tarde
  • no inserto elementos dinámicos arriba del contenido
  • reservo espacio para fuentes

Pequeños detalles, gran diferencia en experiencia real.

5. Pruebo interacción real (INP)

No me quedo solo con Lighthouse.

Navego el sitio:

  • hago clics
  • abro menús
  • pruebo el carrito
  • filtro productos

Si algo “piensa” o se siente pesado, ahí está el problema.

El usuario no ve métricas.
Siente fricción.

6. Mido antes y después

Siempre comparo:

  • antes
  • después

Porque optimizar sin medir es adivinar.

Y muchas veces menos cambios = mejores resultados.

Conclusión

Hoy mi enfoque es simple:

No busco 100 en PageSpeed.
Busco que el sitio se sienta rápido.

Si el usuario navega sin esperar, sin saltos y sin fricción, el trabajo está hecho.

Eso vale más que cualquier puntaje.

Si trabajas con WordPress o Shopify y sientes que tu sitio puede rendir mejor, estoy documentando todo este proceso en el blog.