skills.rest
laionazeredo
laionazeredoCOMMUNITY
Explore all skills by this author →
GitHub

web-performance-expert

Optimizes web application performance using Core Web Vitals, asset optimization, and caching strategies.

Updated May 12, 2026
Search Tags:#caching#lighthouse#web performance#asset optimization#performance audit#core web vitals#lcp
One-click install
npx skills add https://github.com/laionazeredo/che-ai --skill web-performance-expert-laionazeredo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance-expert
Source: https://github.com/laionazeredo/che-ai/tree/main/skills/web-performance-expert
Command: npx skills add https://github.com/laionazeredo/che-ai --skill web-performance-expert-laionazeredo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Slow web applications lose users and rank poorly in search results. This Skill provides concrete standards for diagnosing and fixing performance issues across Core Web Vitals, asset delivery, caching, and monitoring. ## Core Features & Use Cases - Core Web Vitals Guidance: Targets for LCP (< 2.5s), INP (< 200ms), and CLS (< 0.1) with specific optimization techniques for each metric. - Asset Optimization: Standards for modern image formats (WebP, AVIF), lazy loading, script deferral, tree-shaking, and font loading strategies. - Caching & Networking: CDN usage, Cache-Control headers, versioned filenames, and Gzip/Brotli compression. - Auditing & Monitoring: Lighthouse and PageSpeed Insights for lab data, Real User Monitoring for field data, and performance budgets enforced in CI. - Use Case: When a product page loads slowly, use this Skill to identify that the hero image lacks preloading, scripts block the main thread, and images lack explicit dimensions causing layout shift. ## Quick Start Audit my web application's performance and recommend optimizations to improve LCP, INP, and CLS scores.

Frequently Asked Questions about web-performance-expert

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

FAQPage Schema
How do I improve Largest Contentful Paint (LCP) on my website?▼

Improve LCP by optimizing critical path CSS, preloading hero images, and reducing server response times. Target a value under 2.5 seconds for a good user experience.

How to reduce Cumulative Layout Shift (CLS) on web pages?▼

Reduce CLS by setting explicit dimensions for images and ads, and avoiding inserting content above existing content. Aim for a CLS score below 0.1.

What tools measure Core Web Vitals performance?▼

Lighthouse, PageSpeed Insights, and the Web Vitals extension provide lab data for Core Web Vitals. For field data from actual users, implement Real User Monitoring (RUM).

Does image format affect web performance?▼

Yes, modern formats like WebP and AVIF significantly reduce file sizes compared to JPEG or PNG. Combine them with lazy loading and responsive images via srcset for best results.

Why is my Interaction to Next Paint (INP) score high?▼

High INP usually comes from main thread blocking caused by heavy JavaScript execution. Move heavy computations to Web Workers and target an INP under 200ms.

How do I enforce performance budgets in CI?▼

Define budgets such as maximum bundle size or maximum LCP, then enforce them in your CI pipeline so regressions fail the build before reaching production.

Related Skills

Explore More Software Engineering Skills→
AgriciDanielAgriciDaniel
566

seo-performance

Identify and quantify SEO performance gaps using PageSpeed Insights and CrUX data.

Community
Advanced
hopeoverturehopeoverture
6

performance-budget-enforcer

Enforce performance budgets on bundle sizes, Lighthouse scores, and Web Vitals in CI/CD pipelines.

Community
Advanced
aemgdcaemgdc
1

image-seo

Audit images on AEM Edge Delivery Services pages for alt text, performance attributes, and SEO compliance.

Official
Intermediate
rahlplxrahlplx

astro-performance-expert

Apply engineering rules to improve Astro site performance and Core Web Vitals.

Community
Advanced