skills.rest
junaid-ali-ruk
junaid-ali-rukCOMMUNITY
Explore all skills by this author →
GitHub

performance

Aids in locating bottlenecks in web applications through Lighthouse-driven analysis and provides prioritized Code improvement recommendations and fixes for them.

Updated Feb 4, 2026
Search Tags:#performance#optimization#Lighthouse#web-performance#code-splitting#image-optimization#core-web-vitals
One-click install
npx skills add https://github.com/junaid-ali-ruk/auto-linkedin --skill performance-junaid-ali-ruk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/junaid-ali-ruk/auto-linkedin/tree/main/.gemini/skills/performance
Command: npx skills add https://github.com/junaid-ali-ruk/auto-linkedin --skill performance-junaid-ali-ruk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps identify and mitigate performance bottlenecks in web applications using Lighthouse audits.

Core Features & Use Cases

  • Lighthouse-driven bottleneck analysis and recommendations
  • Performance budgeting, image optimization, and code-splitting guidance
  • Use Case: Improve LCP and total page weight for typical marketing pages by applying top optimizations.

Quick Start

Analyze a target page with Lighthouse to identify bottlenecks and implement the top three optimizations (e.g., enable compression, optimize images, defer non-critical JS).

Frequently Asked Questions about performance

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

FAQPage Schema
How do I use Lighthouse audits to identify web performance bottlenecks?▼

Lighthouse audits identify web performance bottlenecks by analyzing target pages and routes, measuring before and after metrics, and validating Core Web Vitals to provide concrete, code-ready optimization guidance.

What is the best way to improve Core Web Vitals like LCP on marketing pages?▼

Improving Core Web Vitals like LCP involves applying top optimizations identified by Lighthouse, such as enabling compression, optimizing images, and deferring non-critical JavaScript to reduce total page weight.

How do I set and enforce performance budgets for web applications?▼

Performance budgets are set and enforced by analyzing target pages with Lighthouse, applying code-splitting, and adjusting caching to mitigate bottlenecks across development pipelines and production sites.

Can I apply code-splitting and image optimization guidance directly to my production site?▼

Code-splitting and image optimization guidance applies directly to production sites, providing concrete, code-ready adjustments to mitigate performance bottlenecks across pages and routes.

Why does my web application need performance budgeting and caching adjustments?▼

Performance budgeting and caching adjustments are needed to mitigate bottlenecks identified by Lighthouse, reducing total page weight and validating Core Web Vitals across development pipelines and production sites.

Does this Lighthouse-driven optimization approach work for both development pipelines and live sites?▼

Lighthouse-driven optimization works for both development pipelines and production sites, handling budget setting, image optimization, code-splitting, and caching adjustments across pages and routes.

Related Skills

Explore More Software Engineering Skills→
MisonLMisonL
8

performance-profiling

Collect Core Web Vitals and Lighthouse scores to measure web performance.

Community
Intermediate
JochenYangJochenYang
21

performance-optimizer

Identify performance bottlenecks and optimize application speed across backend, database, and frontend workflows.

Community
Intermediate
botPhUbotPhU

webpack-expert

Optimize Webpack 5 configurations for faster builds and smaller bundles.

Community
Advanced
runkidsrunkids
11

core-web-vitals

Optimize LCP, INP, and CLS with prioritized remediation plans.

Community
Advanced