skills.rest
shelbeely
shelbeelyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/shelbeely/ADHD-Closet --skill performance-shelbeely
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
threeblindthreeblind

i-optimize

Analyze Core Web Vitals and optimize web loading, rendering, and animations.

Community
Advanced
oiagorodriguesoiagorodrigues

perf-web-optimization

Identify and reduce web performance bottlenecks in bundles, images, caching, and lazy loading.

Community
Intermediate
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate
JayRHaJayRHa
3

performance-profiler

Measure, profile, and validate performance improvements across Python, Node.js, Go, Java, SQL, and HTTP.

Community
Advanced