Lazy Loading Above Fold
Detects lazy loading on likely above-fold images
Detects lazy loading on likely above-fold images
| Rule ID | perf/lazy-above-fold |
| Category | Performance |
| Scope | Per-page |
| Severity | warning |
| Weight | 5/10 |
Solution
Don’t use loading=‘lazy’ on images that appear above the fold (visible without scrolling). Lazy loading these images delays LCP because the browser waits for layout before fetching. For hero images and LCP candidates: 1) Remove loading=‘lazy’. 2) Add fetchpriority=‘high’. 3) Consider preloading with <link rel='preload' as='image'>. Only use lazy loading for below-fold images.
Enable / Disable
Disable this rule
squirrel.toml
toml[rules]
disable = ["perf/lazy-above-fold"]Disable all Performance rules
squirrel.toml
toml[rules]
disable = ["perf/*"]Enable only this rule
squirrel.toml
toml[rules]
enable = ["perf/lazy-above-fold"]
disable = ["*"]