skills.rest
bingeli1379
bingeli1379COMMUNITY
Explore all skills by this author →
GitHub

performance

Identify web performance bottlenecks and propose optimizations with before/after metrics.

2|Updated Apr 6, 2026
Search Tags:#performance#optimization#lighthouse#web-performance#core-web-vitals#loading-speed
One-click install
npx skills add https://github.com/bingeli1379/eli-claude-marketplace --skill performance-bingeli1379
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/bingeli1379/eli-claude-marketplace/tree/main/plugins/eureka-sdd/skills/performance
Command: npx skills add https://github.com/bingeli1379/eli-claude-marketplace --skill performance-bingeli1379

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web pages often suffer from slow load times and poor user experience due to unoptimized assets, blocking resources, and inefficient rendering. This Skill provides actionable strategies to diagnose and speed up websites, improving Core Web Vitals.

Core Features & Use Cases

  • Lighthouse-inspired audits to identify bottlenecks in rendering, network requests, and resource loading.
  • Prescribe concrete optimizations with code-level examples and before/after guidance.
  • Budget-driven performance tuning for admin dashboards, marketing sites, and e-commerce pages.

Quick Start

Run a Lighthouse-style audit on your site, then implement the recommended performance optimizations.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I identify web performance bottlenecks affecting Core Web Vitals?▼

Run a Lighthouse-style audit to diagnose rendering, network requests, and resource loading. This identifies the specific bottlenecks causing poor Core Web Vitals and slow loading speeds.

What's the best way to optimize page loading speed for a marketing site?▼

The best way to optimize page loading speed is by applying targeted asset improvements, minimizing blocking resources, and setting performance budgets. This approach provides concrete optimizations with before and after metrics to validate improvements.

How do I implement performance budgets for admin dashboards and e-commerce pages?▼

Apply budget-driven performance tuning to constrain resource usage and loading speed. The Skill provides concrete code-level optimizations and before/after metrics to validate that admin dashboards and e-commerce pages meet targets.

Can I get code-level examples for improving website runtime efficiency?▼

Yes, the Skill proposes concrete optimizations with code-level examples. It targets runtime efficiency and asset improvements, providing before/after guidance to validate the website performance changes.

Why does my website suffer from slow load times and poor user experience?▼

Slow load times and poor user experience are caused by unoptimized assets, blocking resources, and inefficient rendering. Diagnosing these web performance bottlenecks allows you to apply targeted optimizations and improve loading speed.

Related Skills

Explore More Software Engineering Skills→
MatheusrlrMatheusrlr
1

perf-web-optimization

Optimize web performance by addressing Core Web Vitals and reducing bundle sizes.

Community
Intermediate
SoborboSoborbo
4

speed-monitoring

Monitor production website performance with Core Web Vitals budgets and alerts.

Community
Advanced
jovermierjovermier
1

convex-self-hosting

Deploy and operate a self-hosted Convex backend with Docker and authentication.

Community
Advanced
grvpanchalgrvpanchal
1

server-ssr

Coordinates SSR HTML generation, hydration, and data fetching for Next.js and Express applications.

Community
Advanced