performance

Audit web performance with Lighthouse and apply targeted optimizations.

11|2|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/runkids/my-skills --skill performance-runkids
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/runkids/my-skills/tree/main/performance
Command: npx skills add https://github.com/runkids/my-skills --skill performance-runkids

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses slow web pages by identifying bottlenecks in loading, runtime performance, and resource usage, then applying targeted optimizations.

Core Features & Use Cases

  • Performance auditing and optimization focused on Core Web Vitals (LCP, CLS, INP/TTI).
  • Asset and code optimization: image formats and sizes, font optimization, compression, caching, and smart resource loading.
  • Practical use case: diagnose a slow homepage, implement changes to reduce load times and improve perceived performance.
  • Automation-friendly: can be integrated with CI to run audits and track improvements.

Quick Start

Run a Lighthouse audit on your site to identify bottlenecks. Implement recommended optimizations such as preconnects, preloads, compression, caching, and code-splitting. Re-audit to verify improvements.

  • Command to AI: optimize the current website's performance by auditing loading times and applying Lighthouse-guided improvements, then report before/after metrics.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I identify and fix web performance bottlenecks?

Web performance bottlenecks can be identified through Lighthouse audits, which analyze loading times, runtime performance, and resource usage. Run an audit on your site to pinpoint issues like slow server response, unoptimized images, or render-blocking resources, then apply targeted fixes such as compression, caching, and code-splitting to improve Core Web Vitals metrics.

What are Core Web Vitals and why do they matter for page speed?

Core Web Vitals—Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP)—measure loading performance, visual stability, and responsiveness. Search engines and browsers prioritize pages with strong Core Web Vitals, making optimization essential for both user experience and search ranking.

How do I optimize images and fonts to reduce load times?

Image and font optimization reduces page weight and load time through format conversion (e.g., WebP), responsive sizing, compression, and lazy loading. Font subsetting and preloading critical fonts further improve performance. Lighthouse audits recommend specific optimizations for your site's assets.

Can I integrate performance audits into my CI pipeline?

Yes, Lighthouse audits can be automated and integrated into CI workflows to continuously track performance metrics and catch regressions. Running audits on every build provides before/after metrics and alerts you to changes that degrade Core Web Vitals or load times.

What's the difference between caching strategies and when should I use each?

Caching strategies—browser caching, service worker caching, and server-side caching—control how long assets are stored and reused. Browser caching suits static assets with long lifespans, service workers enable offline functionality, and server caching reduces database load. Lighthouse recommendations guide selection for your use case.

Does performance optimization work for both desktop and mobile?

Yes, this optimization targets both desktop and mobile environments. Mobile sites often face stricter performance constraints due to network and CPU limits, so audits and improvements prioritize mobile-first optimization while maintaining desktop gains.