skills.rest
FlorianBruniaux
FlorianBruniauxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

performance

Analyze web performance bottlenecks and implement Core Web Vitals optimizations.

88|6|Updated Feb 2, 2026
Search Tags:#performance#frontend#web vitals#optimization#lighthouse#loading speed
One-click install
npx skills add https://github.com/FlorianBruniaux/ccboard --skill performance-florianbruniaux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/FlorianBruniaux/ccboard/tree/main/.claude/skills/performance
Command: npx skills add https://github.com/FlorianBruniaux/ccboard --skill performance-florianbruniaux

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 principles to pinpoint issues.
  • Optimization Strategies: Provides actionable code examples and best practices for critical rendering path, image optimization, JavaScript, CSS, and caching.
  • Performance Budgets: Defines clear targets for resource sizes and load times.
  • Use Case: Improve your site's Core Web Vitals scores by implementing the provided code snippets for image optimization and script deferral.

Quick Start

Optimize the performance of the website located 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 improve my website's Core Web Vitals scores?▼

Improve Core Web Vitals by analyzing bottlenecks and implementing strategies like script deferral, image optimization, and caching. This approach targets faster loading speeds and enhances overall user experience based on Lighthouse principles.

What is the best way to optimize frontend loading speed for a web application?▼

Optimize frontend loading speed by prioritizing resource loading, minimizing JavaScript execution time, and streamlining the critical rendering path. Defining performance budgets for resource sizes ensures sustained web vitals improvements.

How do I identify performance bottlenecks using Lighthouse principles?▼

Identify performance bottlenecks by conducting audits that pinpoint issues in server response times, resource loading, and runtime execution. Analyzing these metrics highlights specific areas requiring JavaScript, CSS, and image optimization.

Does web performance optimization require managing third-party scripts?▼

Web performance optimization requires managing third-party scripts because they significantly impact runtime performance and loading speed. Strategies include monitoring script execution and applying deferral techniques to maintain optimal Core Web Vitals.

How can I establish performance budgets for resource sizes and load times?▼

Establish performance budgets by defining clear targets for maximum resource sizes and acceptable load times. This process involves measuring current loading speed metrics and setting constraints to prevent frontend performance regressions.

Related Skills

Explore More Software Engineering Skills→
MatheusrlrMatheusrlr
1

perf-web-optimization

Optimize web performance by addressing Core Web Vitals and reducing bundle sizes.

Community
Intermediate
hatch3rhatch3r
26

hatch3r-perf-audit

Measure bundle size, runtime latency, and memory against performance budgets.

Official
Advanced
threeblindthreeblind

i-optimize

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

Community
Advanced
SilverAssistSilverAssist
1

web-performance-analysis

Analyze web performance issues with PageSpeed Insights and Lighthouse data.

Official
Intermediate