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

Ready to run

npx skills add https://github.com/FlorianBruniaux/ccboard --skill performance-florianbruniaux

💬 Prompt for ChatGPT / Claude Chat▼

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.