Keep page weight under 1500KB
SkillMediapage-weight is a skill for AI agents that audits web pages for slow load times. It checks asset sizes against a 1500KB page weight budget and verifies the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an AI agent that supports loading skills.
Then ask your AI: use the Keep page weight under 1500KB skill
What your AI can do with it
- Audit pages for slow load times and heavy assets
- Check asset sizes against a 1500KB page weight budget
- Identify rendering delays related to page weight
- Verify the actual bottleneck in DevTools, Lighthouse, or field data
- Recommend changes only after confirming the cause
Getting started
- Have an AI agent that supports loading skills.
- Add the page-weight skill to the agent's available skills.
- Ask the agent to audit a page's load performance or asset sizes.
- Provide DevTools, Lighthouse, or field data when the agent needs to verify the bottleneck.
What this skill tells your AI
The instructions your AI receives, as published by thedaviddias/front-end-checklist in skills/page-weight/SKILL.md and read by ahel’s review.
Page weight directly correlates with load time—a 1.5MB page takes 3-5 seconds on 4G mobile. Every 100KB reduction improves user experience, especially on slower networks.
Quick Reference
- Target under 500KB for optimal performance, max 1500KB
- Images typically account for 50-70% of page weight
- JavaScript bundles are often the second largest contributor
- Monitor with performance budgets in CI/CD
Check
Analyze the total page weight including all resources. Check if it's under 1500KB (ideally under 500KB).
Fix
Optimize this page to reduce its total weight through image optimization, code minification, and removing unnecessary resources.
Explain
Explain how page weight impacts loading time, especially on mobile networks, and affects user experience.
Code Review
Review the routes, assets, and loading behavior that affect Keep page weight under 1500KB. 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/page-weight
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 page weight.
- What page weight budget does it use?
- It checks asset sizes against a 1500KB budget.
- Does it recommend fixes right away?
- No. It verifies the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Advanced
- Item type
- skill
- Key
page-weight- Source
- github.com/thedaviddias/front-end-checklist