skills.rest
SonPaier
SonPaierCOMMUNITY
Explore all skills by this author →
GitHub

performance

Analyze Lighthouse audits and implement web performance optimizations.

Updated Aug 27, 2026
Search Tags:#performance#frontend#web vitals#optimization#lighthouse#loading speed
One-click install
npx skills add https://github.com/SonPaier/carfect --skill performance-sonpaier
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/SonPaier/carfect/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/SonPaier/carfect --skill performance-sonpaier

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 websites using Lighthouse metrics to pinpoint issues.
  • Optimization Strategies: Provides actionable code examples and best practices for critical rendering path, resource loading, JavaScript, images, and fonts.
  • Caching: Implements effective caching strategies for improved load times.
  • Runtime Efficiency: Offers techniques to prevent layout thrashing and optimize JavaScript execution.
  • Use Case: A user wants to improve their website's loading speed. This Skill will analyze the site, identify that large unoptimized images are the primary bottleneck, and provide specific code snippets to implement responsive images and AVIF/WebP formats.

Quick Start

Use the performance skill to audit and optimize the loading speed of the website at https://example.com.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize web performance using Lighthouse metrics?▼

To optimize web performance using Lighthouse metrics, this Skill analyzes your website to identify loading speed bottlenecks and provides specific code optimizations for the critical rendering path, JavaScript, and images.

What is the best way to improve website loading speed for large images?▼

The best way to improve website loading speed for large images is to implement responsive images and use AVIF/WebP formats, which this Skill identifies as bottlenecks and provides specific code snippets to resolve.

How can I prevent layout thrashing and improve runtime efficiency?▼

To prevent layout thrashing and improve runtime efficiency, this Skill offers techniques to optimize JavaScript execution, ensuring smoother runtime performance and faster loading speed during user interactions.

Does this Skill provide caching strategies for frontend optimization?▼

Yes, this Skill provides frontend optimization by implementing effective caching strategies, which improves website loading times and overall user experience by reducing redundant resource fetching.

What specific optimizations are included for resource loading and fonts?▼

For resource loading and font optimization, this Skill provides actionable code examples and best practices to streamline the critical rendering path, ensuring faster loading speed and better web vitals.

Related Skills

Explore More Software Engineering Skills→
Gekkos-techGekkos-tech
4

performance

Audit website performance with Lighthouse and provide targeted optimizations.

Official
Advanced
jorgegvalenciajorgegvalencia

performance

Analyze web performance with Lighthouse audits and implement optimization strategies.

Community
Advanced
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate
Tai-ch0802Tai-ch0802
2

performance-profiling

Audit web performance with Lighthouse and identify loading, execution, and memory bottlenecks.

Community
Intermediate