skills.rest
The-Skyy-Rose-Collection-LLC
The-Skyy-Rose-Collection-LLCOFFICIAL
Explore all skills by this author →
GitHub

Web Performance

Measure and analyze Core Web Vitals with Lighthouse and Web Vitals.

3|1|Updated Oct 28, 2025
Search Tags:#lighthouse#web-performance#core-web-vitals#lcp#bundle-optimization#cls#fid
One-click install
npx skills add https://github.com/The-Skyy-Rose-Collection-LLC/DevSkyy --skill web-performance-the-skyy-rose-collection-llc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Web Performance
Source: https://github.com/The-Skyy-Rose-Collection-LLC/DevSkyy/tree/main/wordpress-copilot/skills/web-performance
Command: npx skills add https://github.com/The-Skyy-Rose-Collection-LLC/DevSkyy --skill web-performance-the-skyy-rose-collection-llc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Measures, analyzes, and optimizes web performance with a focus on Core Web Vitals to improve user experience across modern websites.

Core Features & Use Cases

  • Measurement & audit: Assess LCP, FID, CLS using Lighthouse and Web Vitals, identify bottlenecks, and generate actionable improvement plans.
  • Optimization guidance: Provide step-by-step recommendations for image optimization, script and CSS loading, caching strategies, and lazy-loading patterns.
  • Use Case: A marketing site or storefront with slow loading can receive a prioritized, runnable plan to reduce perceived and actual latency.

Quick Start

Audit a site and deliver a prioritized optimization plan focused on LCP, FID, and CLS for the homepage.

Frequently Asked Questions about Web Performance

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

FAQPage Schema
How do I improve slow LCP, high CLS, and delayed FID for Core Web Vitals?▼

To improve Core Web Vitals, you must measure LCP, FID, and CLS using Lighthouse to identify bottlenecks, then apply step-by-step optimizations like image lazy-loading, script deferral, and CSS minimization to generate an actionable improvement plan.

What's the best way to optimize web performance for a slow loading storefront?▼

The best way to optimize web performance for a slow storefront is auditing the site with Lighthouse to identify bottlenecks, then executing a prioritized, runnable plan that implements caching strategies and bundle optimization to reduce actual and perceived latency.

How do I audit a CMS-based website to identify Core Web Vitals bottlenecks?▼

You audit a CMS-based website for Core Web Vitals bottlenecks by running Lighthouse and Web Vitals measurement techniques to assess LCP, FID, and CLS scores, which yields a prioritized optimization plan for improving user experience.

Does web performance optimization guidance work for single page applications?▼

Web performance optimization guidance applies to single page applications by providing actionable measurement techniques and best-practice optimizations, such as bundle optimization and lazy-loading patterns, tailored to reduce specific SPA latency issues.

Why does my site have a high CLS score and how do I fix it?▼

A high CLS score indicates layout shifts during page rendering, which you fix by applying best-practice optimizations like specifying dimensions for media elements and lazy-loading patterns to stabilize visual layout and improve Core Web Vitals.

Related Skills

Explore More Software Engineering Skills→
WesleySmitsWesleySmits
6

profiling-performance

Audit web performance with Lighthouse and Core Web Vitals metrics.

Community
Advanced
tech-leads-clubtech-leads-club
5.0k

perf-web-optimization

Audit Core Web Vitals and implement image, caching, and code-splitting fixes.

Official
Advanced
ReefBytes-OwnerReefBytes-Owner
1

performance-check

Diagnose frontend performance issues and generate structured reports.

Community
Advanced
Cure-Consulting-GroupCure-Consulting-Group
1

performance-review

Define performance budgets and load testing plans for web, mobile, and backend applications.

Official
Advanced