AiSEO/Wiki/Lazy Loading & Image Optimization

Lazy Loading & Image Optimization

Lazy loading defers image loading until they approach the viewport, improving initial load speed. HTML native: loading="lazy". Related: srcset for responsive images, WebP/AVIF for modern formats 25-50% smaller.

Why It Matters

Images often account for 50%+ of page weight. Lazy loading improves LCP for image-heavy pages. WebP is 25-35% smaller than JPEG, AVIF is 50% smaller.

🔍How AiSEO Checks

AiSEO checks loading="lazy" on below-fold images, srcset for responsive, format (prefers WebP/AVIF), width/height to prevent CLS, and alt text for accessibility.