Performance

Lazy loading images

Checks if images use loading="lazy".

¿Por qué importa esto?

Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.

¿Cómo se soluciona?

Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.

Este check puntúa de 0 a 100. Bajo 50 es un fallo, 50 a 89 un aviso, 90 o más es bueno. Tras cada crawl ve la nota por página en el informe, con una breve explicación.

Preguntas frecuentes

Checks if images use loading="lazy".

Images outside the viewport don't need to load immediately. Lazy loading significantly reduces initial load time and improves LCP (Largest Contentful Paint) - a Core Web Vital that Google measures.

Add loading="lazy" to all <img> tags that are not in the first viewport. Hero images and other above-the-fold images should NOT have loading="lazy" - they should load immediately.

Ejemplo

Copie el código de abajo y adapte el dominio, la marca y el contenido a su situación.

<img src="product.jpg" alt="Product" loading="lazy">
Empezar gratis