skills.rest
felipebrgs1
felipebrgs1COMMUNITY
Explore all skills by this author →
GitHub

performance

Identify and resolve web performance bottlenecks using Lighthouse audits and Core Web Vitals.

Updated Feb 26, 2026
Search Tags:#performance#optimization#Lighthouse#Core Web Vitals#loading speed#web speed
One-click install
npx skills add https://github.com/felipebrgs1/skills --skill performance-felipebrgs1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/felipebrgs1/skills/tree/main/web/performance
Command: npx skills add https://github.com/felipebrgs1/skills --skill performance-felipebrgs1

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 providing comprehensive strategies for web performance optimization.

Core Features & Use Cases

  • Identify Bottlenecks: Detect performance issues in code, assets, and server response.
  • Optimization Strategies: Offers detailed guidance on critical rendering path, image optimization, font loading, caching, and runtime performance.
  • Use Case: When a website's loading speed is impacting user engagement and conversion rates, this Skill provides actionable steps to improve metrics like LCP, FCP, and TBT.

Quick Start

Use the performance skill to audit and optimize the loading speed of the provided website URL.

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 and improve Core Web Vitals like LCP and FCP?▼

Optimize web performance by identifying and resolving bottlenecks in the critical rendering path, resource loading, and JavaScript execution to improve Core Web Vitals metrics like LCP and FCP.

What causes slow website loading speed and poor user experience?▼

Slow website loading speed is typically caused by bottlenecks in resource loading, unoptimized image and font delivery, heavy JavaScript execution, and inefficient caching strategies that delay rendering.

How do I resolve bottlenecks in the critical rendering path and resource loading?▼

Resolve critical rendering path bottlenecks by implementing detailed optimization strategies for resource loading, image and font delivery, and caching, guided by technical code examples and Lighthouse audits.

Does this web speed optimization approach work for improving server response and runtime performance?▼

Yes, this web speed optimization approach detects performance issues in server response and provides detailed technical guidance to improve runtime performance and resolve asset delivery bottlenecks.

What's the best way to use Lighthouse audits to fix JavaScript execution and caching issues?▼

The best way to use Lighthouse audits is to identify specific JavaScript execution and caching bottlenecks, then apply provided code examples to implement targeted optimization strategies for faster loading.

Related Skills

Explore More Software Engineering Skills→
GrupoUSGrupoUS
1

performance-profiling

Analyze web performance with Lighthouse audits for Core Web Vitals metrics.

Community
Intermediate
bluebricks-nlbluebricks-nl

performance

Analyze web performance and optimize loading speed, runtime efficiency, and resource utilization.

Official
Advanced
LuisSambranoLuisSambrano
7

performance

Optimize web loading speed and runtime efficiency from Lighthouse audits.

Community
Advanced
soloamentesoloamente

performance-optimization

Diagnose web performance bottlenecks and apply targeted optimizations for Core Web Vitals.

Community
Advanced