images.first_lazy
Que la primera imagen visible no se cargue de forma diferida.
Por qué importa
La carga diferida (lazy) retrasa la descarga de una imagen hasta que está cerca de verse. Si la primera imagen de la página es la principal, cargarla tarde empeora el LCP, la métrica que mide cuándo aparece el contenido más grande.
Cómo se corrige
Quita loading="lazy" de la primera imagen visible (la de cabecera o portada) y, si puedes, añade fetchpriority="high". Deja la carga diferida para las imágenes que quedan más abajo.
Paso a paso: el prompt para tu IA
Cuando Seotres encuentra este problema en tu web, te da un prompt listo para pegar en la IA que uses, con los datos de tu página. Este es el de esta regla con una web de ejemplo (tudominio.com):
Problema: la primera imagen de la página tiene carga diferida y puede retrasar la aparición del contenido.
Datos de tu web: Aquí van la página y la evidencia que ha encontrado Seotres.
Objetivo
Que la primera imagen visible de la página https://tudominio.com/ se cargue enseguida, sin carga diferida.
Pasos
- Comprueba, mirando la página, si la imagen de los datos de arriba es la principal de la parte superior; si es una imagen secundaria, no cambies nada.
- Si es la principal, quita loading="lazy" de esa imagen y, si puedes, añade fetchpriority="high".
- Deja la carga diferida en las imágenes que quedan más abajo.
- Si la web es código propio: cambia el componente o la plantilla que escribe la etiqueta <img>.
- Si usas WordPress: suele ser un ajuste del tema, del plugin de optimización de imágenes o de carga diferida; WordPress añade ancho y alto a las imágenes del editor.
- Si usas Shopify, Wix, Squarespace u otra plataforma: depende del tema; si la plataforma controla la etiqueta y no se puede cambiar, dímelo.
Límites
- No quites la carga diferida de las demás imágenes.
Términos de esta regla
- LCP
Cuánto tarda en verse el elemento más grande de la página, normalmente la imagen principal o el primer bloque de texto.
Ejemplo: Si la foto de cabecera tarda 4,5 s en aparecer, el LCP es de 4,5 s: malo.
- Cabeceras HTTP
Datos que el servidor envía junto a cada página, sin que se vean en ella: tipo de archivo, caché, seguridad…
Ejemplo: «Content-Encoding: gzip» indica que la página viaja comprimida.
Fuente: MDN Web Docs: cabeceras HTTP