Lazy Loading Audit Tool
Audit image lazy loading; ensure below-the-fold images use loading="lazy" while LCP images don't.
Above vs Below The Fold Rules
How to Use Lazy Loading Audit Tool
Audit your image tags for `loading="lazy"` attributes.
Ensure above-the-fold hero images DO NOT have `loading="lazy"`.
Add `fetchpriority="high"` to your primary LCP hero image.
Frequently Asked Questions
Q.Why should you never lazy-load the hero image?
Lazy-loading the hero image delays its download until after browser layout calculation, significantly worsening your Largest Contentful Paint (LCP) score.
Related Performance and Images Tools
Page Speed Analyzer
Evaluate Time to First Byte (TTFB), First Contentful Paint (FCP), and render-blocking resources.
Core Web Vitals Checker
Evaluate Google Core Web Vitals: LCP (≤2.5s), INP (≤200ms), and CLS (≤0.1).
Mobile Layout Checker
Audit viewport configurations, tap target dimensions (48x48px), and mobile responsiveness.
Page Size Checker
Break down total page weight across HTML, CSS, JavaScript, Images, and third-party scripts.