performance

Analyze web performance with Lighthouse audits and implement optimization strategies.

Updated Jan 26, 2026

Search Tags:#performance #frontend #web vitals #optimization #lighthouse #loading speed

Ready to run

npx skills add https://github.com/shelbeely/ADHD-Closet --skill performance-shelbeely

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/shelbeely/ADHD-Closet/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/shelbeely/ADHD-Closet --skill performance-shelbeely

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website loading times and poor user experience by identifying and resolving performance bottlenecks.

Core Features & Use Cases

Performance Audits: Analyzes web pages using Lighthouse principles to pinpoint issues.
Optimization Strategies: Provides actionable code examples and best practices for critical rendering path, resource loading, image optimization, and more.
Use Case: A user wants to improve their website's Core Web Vitals scores. This Skill can provide specific recommendations on how to reduce Time to First Byte (TTFB), optimize image formats, and defer non-critical JavaScript.

Quick Start

Use the performance skill to audit the website at https://example.com and provide optimization suggestions.

Frequently Asked Questions about performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I improve my website's Core Web Vitals scores?▼

Improve Core Web Vitals by analyzing Lighthouse audits to identify bottlenecks, then applying optimization strategies like reducing Time to First Byte (TTFB), deferring non-critical JavaScript, and optimizing image formats.

What is the best way to optimize the critical rendering path for faster loading?▼

Optimize the critical rendering path by prioritizing resource loading and minimizing render-blocking resources. This Skill provides actionable code examples and best practices to streamline HTML, CSS, and JavaScript execution for faster loading.

Can I use Lighthouse principles to audit my website's runtime performance?▼

Yes, you can audit runtime performance using Lighthouse principles. This Skill analyzes web pages to pinpoint performance bottlenecks and provides specific recommendations for improving overall loading speed and user experience.

Why does my website load slowly and how can I fix JavaScript bottlenecks?▼

Websites load slowly due to unoptimized JavaScript, large images, and poor caching. Fix these bottlenecks by deferring non-critical JavaScript, optimizing image formats, and implementing proper resource loading and caching strategies.

Do I need to understand HTTP protocols to optimize web performance?▼

Yes, understanding web technologies like HTML, CSS, JavaScript, and HTTP protocols is required. This Skill uses this technical foundation to implement caching, optimize resource loading, and improve your website's critical rendering path.