lazy-above-fold

Installation
SKILL.md

Disable lazy loading for above-the-fold content

Applying lazy loading to hero images or other primary content can cause a significant delay in how quickly users perceive the page as loaded.

Quick Reference

  • Do not use loading="lazy" for images in the initial viewport
  • Lazy loading above-the-fold images delays the Largest Contentful Paint (LCP)
  • Ensure critical images start downloading as early as possible

Check

Review the page's images and check for loading="lazy" on any images that are likely to be in the initial viewport (above-the-fold).

Fix

Remove loading="lazy" from above-the-fold images and consider using fetchpriority="high" instead.

Explain

Installs
1
GitHub Stars
73.0K
First Seen
Jun 7, 2026
lazy-above-fold — thedaviddias/frontendchecklist