skills.rest
dallay
dallayOFFICIAL
Explore all skills by this author →
WebsiteGitHub

performance

Guide Lighthouse audits and Core Web Vitals optimizations for web performance.

Updated Apr 14, 2026
Search Tags:#performance#optimization#audit#lighthouse#web#core-web-vitals
One-click install
npx skills add https://github.com/dallay/opencode-docker --skill performance-dallay
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/dallay/opencode-docker/tree/main/config/skills/performance
Command: npx skills add https://github.com/dallay/opencode-docker --skill performance-dallay

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance inefficiencies slow user experience; this skill provides a structured approach to identify bottlenecks and apply proven optimizations.

Core Features & Use Cases

  • Lighthouse-driven audits and performance budgets to guide optimization decisions.
  • Guidance on server timing, caching, image and font optimization, and third-party script management.
  • Use Case: when a site loads slowly on users’ devices, apply the recommended changes to reduce TTFB, LCP, and CLS, and validate improvements.

Quick Start

Analyze a page with Lighthouse and apply the recommended optimizations.

Frequently Asked Questions about performance

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 reduce LCP?▼

To improve Core Web Vitals and reduce LCP, run a Lighthouse audit to identify bottlenecks, then apply recommended optimizations for image delivery, font loading, and caching. This structured approach targets specific rendering delays to speed up web performance.

What is a Lighthouse performance budget and how does it guide optimization?▼

A Lighthouse performance budget sets strict thresholds for page weight and load metrics. It guides optimization by flagging assets or scripts that exceed limits, helping you systematically reduce TTFB, LCP, and CLS during web performance audits.

How do I optimize third-party scripts to speed up web performance?▼

To optimize third-party scripts and speed up web performance, audit their impact using Lighthouse, then apply best-practice patterns for efficient loading. This reduces render-blocking and minimizes layout shifts caused by external resources.

What's the best way to audit a slow loading web app and validate improvements?▼

The best way to audit a slow web app is to analyze pages with Lighthouse, apply targeted optimizations for caching and server timing, and then re-measure Core Web Vitals. This validates that TTFB and LCP improvements are effective.

Does this approach work for optimizing server timing and TTFB on existing websites?▼

Yes, this approach works for optimizing server timing and TTFB on existing websites. It provides structured guidance on caching strategies and best-practice patterns to systematically reduce server response delays and improve load times.

Related Skills

Explore More Software Engineering Skills→
nicholasgriffintnnicholasgriffintn
2

web-perf

Audit Core Web Vitals and blocking resources for web pages.

Community
Advanced
hopeoverturehopeoverture
6

performance-budget-enforcer

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

Community
Advanced
PatternsDevPatternsDev
235

compression

Apply Gzip and Brotli compression to JavaScript assets in build pipelines.

Official
Advanced
JaiminVadadoriyaJaiminVadadoriya
1

performance-testing

Automate k6 load testing and Lighthouse CI performance audits for web applications.

Community
Advanced