LCP Optimization Hints

Checks for Largest Contentful Paint optimization opportunities


Rule ID	`perf/lcp-hints`
Category	Performance
Scope	Per-page
Severity	warning
Weight	7/10

Solution

LCP measures when the largest content element becomes visible. Optimize by: 1) Preload your LCP image with <link rel='preload' as='image'>. 2) Don’t use loading=‘lazy’ on above-fold images as it delays loading. 3) Minimize render-blocking CSS/JS in <head>. 4) Use modern image formats (WebP/AVIF) for faster loading. 5) Consider using fetchpriority=‘high’ on the LCP image.

Enable / Disable

Disable this rule

squirrel.toml

toml

[rules]
disable = ["perf/lcp-hints"]

Disable all Performance rules

squirrel.toml

toml

[rules]
disable = ["perf/*"]

Enable only this rule

squirrel.toml

toml

[rules]
enable = ["perf/lcp-hints"]
disable = ["*"]

Edit this page