web-performance-optimization

Measure and diagnose website performance using Lighthouse and Core Web Vitals.

Updated Feb 3, 2026

Search Tags:#caching #web performance #code splitting #Lighthouse #optimize #image optimization #Core Web Vitals

Ready to run

npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill web-performance-optimization-ricardohg1998-create

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web-performance-optimization
Source: https://github.com/ricardohg1998-create/Plantilla-repo/tree/main/.agent/skills/web-performance-optimization
Command: npx skills add https://github.com/ricardohg1998-create/Plantilla-repo --skill web-performance-optimization-ricardohg1998-create

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Website performance issues degrade user experience, increase bounce rates, and harm SEO. This Skill provides a repeatable framework to measure, diagnose, and improve performance across projects.

Core Features & Use Cases

Performance measurement: baseline audits with Lighthouse, PageSpeed Insights, and Core Web Vitals tracking.
Bottleneck remediation: optimize images, JavaScript/CSS delivery, and caching strategies to reduce LCP, FID, and CLS.
Use Case: When a site loads slowly under real user conditions, apply this Skill to systematically improve load times and interactivity.

Quick Start

Run an initial performance audit to establish baselines, identify top bottlenecks (images, bundles, render-blocking resources), apply optimizations (image optimization, code splitting, and caching), and re-run audits to verify improvements.

Frequently Asked Questions about web-performance-optimization

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

FAQPage Schema

How do I improve my website's Core Web Vitals and loading speed?▼

To improve Core Web Vitals and loading speed, establish performance baselines using Lighthouse, identify bottlenecks like LCP and CLS, and apply image optimization, code splitting, and caching configurations to reduce load times and enhance interactivity.

What is the best way to diagnose slow website performance under real user conditions?▼

The best way to diagnose slow website performance is to run baseline audits with Lighthouse or WebPageTest to track Core Web Vitals, identifying specific bottlenecks such as large images, render-blocking resources, or heavy JavaScript bundles affecting runtime performance.

How do I fix high LCP and CLS metrics on my web application?▼

Fix high LCP and CLS metrics by optimizing asset delivery through image optimization, minimizing render-blocking JavaScript and CSS, and implementing stable layout practices to improve loading speed and visual stability for your web application.

Can I use code splitting and caching strategies to reduce my site's bundle size?▼

Yes, you can use code splitting to reduce initial bundle size and implement caching strategies to optimize asset delivery, systematically improving runtime performance and loading speed across web projects of various sizes.

Do I need WebPageTest to establish a performance baseline for my website?▼

You do not strictly need WebPageTest; you can establish a performance baseline for your website using Lighthouse or PageSpeed Insights to measure Core Web Vitals and identify top bottlenecks before applying deterministic optimization workflows.