Skip to main content
Checks for Largest Contentful Paint optimization opportunities
Rule IDperf/lcp-hints
CategoryPerformance
ScopePer-page
Severitywarning
Weight7/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
[rules]
disable = ["perf/lcp-hints"]

​
Disable all Performance rules

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

​
Enable only this rule

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