performance
The performance skill provides guidelines and code patterns for optimizing web performance, focusing on Core Web Vitals, resource loading, image optimization, and runtime efficiency.
Is performance safe to install?
Review the source first: our audit of performance's source files found 1 shell command, 0 external URLs, no file writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill provides a shell command for the Lighthouse CLI which executes network requests to the target URL.
How we audit skills: our security review methodology.
Who is this skill for?
Web developers and engineers seeking to improve site loading speed and user experience.
What can you do with it?
- Auditing site performance
- Reducing page load times
- Optimizing critical rendering paths
- Implementing image and font loading strategies
- Managing third-party script impact
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable code examples and specific performance budgets based on industry standards.
What does the skill file contain?
# Performance optimization Deep performance optimization based on Lighthouse performance audits. Focuses on loading speed, runtime efficiency, and resource optimization. ## How it works 1. Identify performance bottlenecks in code and assets 2. Prioritize by impact on Core Web Vitals 3. Provide specific optimizations with code examples 4. Measure improvement with before/after metrics ## Performance budget | Resource | Budget | Rationale | |----------|--------|-----------| | Total page weight | < 1.5 MB | 3G loads in ~4s | | JavaScript (compressed) | < 300 KB | Parsing + execution time | | ...
Frequently asked questions
What is the recommended total page weight budget?
The skill recommends a total page weight of less than 1.5 MB.
How does the skill suggest handling non-critical CSS?
It suggests inlining critical CSS and using a preload link with an onload handler to load non-critical CSS asynchronously.
What tools does the skill recommend for measuring performance?
It recommends using Lighthouse and the web-vitals library.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
supabase-postgres-best-practices
264.3KDevelopers and database administrators working with Postgres and Supabase
This skill provides a structured set of Postgres performance optimization rules and best practices maintained by Supabase. It guides developers in writing, reviewing, and optimizing SQL queries, schema designs, and database configurations.
convex-performance-audit
79.2KDevelopers working with Convex applications who need to optimize slow features, resolve high-resource usage, or address transaction contention
The convex-performance-audit skill provides a structured workflow for diagnosing and resolving performance issues in Convex applications, including read amplification, OCC conflicts, subscription costs, and function limits.
audit-website
58.0KDevelopers, SEO specialists, and website administrators who need to automate website health monitoring, technical debugging, and performance optimization
The audit-website skill enables AI agents to perform comprehensive website audits using the squirrelscan CLI. It evaluates websites against 240+ rules across 22 categories, including SEO, performance, security, and accessibility. The skill generates LLM-optimized reports, identifies issues, and provides actionable recommendations for remediation.