skills.rest
devjaime
devjaimeCOMMUNITY
Explore all skills by this author →
Website𝕏@HsJhernandezGitHub

performance

{"main":"","footer":""}

1|Updated Aug 3, 2025
Search Tags:#frontend#metrics#lighthouse#optimize#bundle#web-performance#core-web-vitals
One-click install
npx skills add https://github.com/devjaime/orienta-ai --skill performance-devjaime
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/devjaime/orienta-ai/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/devjaime/orienta-ai --skill performance-devjaime

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers and site owners identify and remove performance bottlenecks to improve Core Web Vitals, reduce load times, and enhance user experience.

Core Features & Use Cases

  • Audit and diagnose performance bottlenecks across assets, bundles, and runtime JavaScript to improve LCP, FID, and CLS.
  • Provide actionable optimizations and reference code patterns to reduce payloads, unblock rendering, and improve time-to-interactive.
  • Use cases include initial site audits, refactoring frontend bundles, implementing caching and resource loading optimizations, and validating improvements after changes.

Quick Start

Run a performance audit with Lighthouse and implement the recommended fixes. Example commands:

  • npx lighthouse https://your-site --output html --output-path=report.html
  • Open Chrome DevTools > Lighthouse panel and run a baseline audit
  • Iterate on fixes and re-audit to verify improvements

Frequently Asked Questions about performance

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

FAQPage Schema
How do I optimize web performance to improve Core Web Vitals?▼

To optimize web performance and improve Core Web Vitals, you identify bottlenecks across frontend assets and runtime JavaScript, applying best-practice configurations to reduce payloads and unblock rendering.

What causes poor LCP, FID, and CLS scores in frontend bundles?▼

Poor LCP, FID, and CLS scores stem from unoptimized frontend bundles, heavy runtime JavaScript, and render-blocking assets that delay page loads and shift layout elements.

How do I run a Lighthouse audit to diagnose site bottlenecks?▼

Run a Lighthouse audit by executing `npx lighthouse https://your-site --output html --output-path=report.html` or using the Chrome DevTools panel to measure baseline performance and identify bottlenecks.

Does optimizing web performance require standard tooling like Chrome DevTools?▼

Yes, optimizing web performance requires standard tooling like Lighthouse and Chrome DevTools to measure, fix, and verify performance gains across frontend assets and runtime JavaScript.

What is the best way to reduce payloads and improve time-to-interactive?▼

The best way to reduce payloads and improve time-to-interactive is refactoring frontend bundles and implementing resource loading optimizations using actionable reference code patterns.

Why does runtime JavaScript block rendering and cause performance bottlenecks?▼

Runtime JavaScript blocks rendering because heavy execution delays the main thread, preventing the browser from painting content quickly and degrading Core Web Vitals like FID.

Related Skills

Explore More Software Engineering Skills→
manuelbrandner85manuelbrandner85

web-perf

Analyze web performance metrics and identify optimization opportunities using Chrome DevTools MCP.

Community
Advanced
deomiarndeomiarn

performance-audit

Audit website performance with Lighthouse against Core Web Vitals targets.

Community
Intermediate
mgd34msumgd34msu
4

bun

Configure and use Bun as a JavaScript runtime, bundler, package manager, and test runner.

Community
Intermediate
jangtrinhjangtrinh

performance-profiling

Run Lighthouse audits on web applications and analyze category scores.

Community
Intermediate