Ayuda con Core Web Vitals: ¿Cómo optimizo el LCP de mi web?

Baking

Estoy intentando optimizar mi blog personal y Google PageSpeed Insights me está matando con el LCP (Largest Contentful Paint). El problema es la imagen de cabecera. Ya la he comprimido en formato WebP y tiene un tamaño razonable, pero sigue siendo el cuello de botella.

¿Qué otras técnicas existen para optimizar el LCP de una imagen principal?

Alt

Un par de trucos que marcan la diferencia:

Preload: Añade un en el de tu HTML. Esto le dice al navegador que empiece a descargar esa imagen con alta prioridad, incluso antes de encontrar la etiqueta .
Fetch Priority: En la propia etiqueta , añade el atributo fetchpriority="high". Es una pista más para el navegador.
No Lazy Loading: Asegúrate de que no estás aplicando loading="lazy" a esa imagen en concreto.

Baking

No conocía lo de preload y fetchpriority. Lo acabo de implementar y la mejora en el LCP ha sido instantánea. ¡Qué pasada! Mil gracias.