Disable lazy loading for above-the-fold content
SkillMediaA skill for auditing slow page loads, heavy assets, and rendering delays related to Disable lazy loading for above-the-fold content. It guides an agent to verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes, so fixes target the real cause of slow rendering.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an agent that can load and use skills.
Then ask your AI: use the Disable lazy loading for above-the-fold content skill
What your AI can do with it
- Audit slow page loads and rendering delays
- Check whether above-the-fold lazy loading is causing render delays
- Identify heavy assets contributing to slow loads
- Verify the actual bottleneck in DevTools
- Verify the actual bottleneck in Lighthouse or field data
- Recommend changes only after confirming the cause
Getting started
- Have an agent that can load and use skills.
- Add the lazy-above-fold skill to the agent's available skills.
- Give the agent a page or URL with slow load or rendering issues to audit.
- Ask it to check whether above-the-fold lazy loading is the bottleneck before making changes.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/lazy-above-fold/SKILL.md and read by ahel’s review.
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
Explain why lazy loading above-the-fold content negatively impacts perceived performance and LCP.
Code Review
Review the routes, assets, and loading behavior that affect Disable lazy loading for above-the-fold content. Flag exact files, requests, or rendering steps that add unnecessary network, CPU, or layout cost, and describe the measurement method used to confirm the issue.
For full implementation details, code examples, and framework-specific guidance,
see references/rule.md.
Rule page: https://frontendchecklist.io/en/rules/performance/lazy-above-fold
Signals
- GitHub stars
- 74k
- Forks
- 7k
- Last commit
- Aug 2026
Questions
- When should this skill be used?
- Use it when auditing slow page loads, heavy assets, or rendering delays related to disabling lazy loading for above-the-fold content.
- Does it change my code directly?
- The item description only says it audits and verifies bottlenecks before recommending changes; it does not state that it applies fixes itself.
- What tools does it use to verify performance?
- It verifies the actual bottleneck using DevTools, Lighthouse, or field data before recommending changes.
Advanced
- Item type
- skill
- Key
lazy-above-fold- Source
- github.com/thedaviddias/front-end-checklist