Skip to main content
Detects lazy loading on likely above-fold images
Rule IDperf/lazy-above-fold
CategoryPerformance
ScopePer-page
Severitywarning
Weight5/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
[rules]
disable = ["perf/lazy-above-fold"]

Disable all Performance rules

squirrel.toml
[rules]
disable = ["perf/*"]

Enable only this rule

squirrel.toml
[rules]
enable = ["perf/lazy-above-fold"]
disable = ["*"]