skills.rest
geinala
geinalaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

performance

Diagnose and fix web performance bottlenecks using Lighthouse and Core Web Vitals.

Updated Nov 15, 2025
Search Tags:#performance#optimization#runtime#lighthouse#web-vitals#loading-speed
One-click install
npx skills add https://github.com/geinala/entry --skill performance-geinala
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/geinala/entry/tree/main/.agents/skills/performance
Command: npx skills add https://github.com/geinala/entry --skill performance-geinala

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web performance bottlenecks slow down pages, degrade user experience, and hurt conversions. This Skill helps identify and fix loading, runtime, and resource issues to deliver faster, smoother web experiences.

Core Features & Use Cases

  • Identify bottlenecks with Lighthouse audits and Core Web Vitals targets.
  • Provide actionable optimizations for server, bundle, caching, images, and assets.
  • Use Case: A site with slow LCP and high TBT can achieve measurable improvements through budget-driven optimizations and validated measurements.

Quick Start

Audit my web app with Lighthouse and apply the suggested 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 and fix web performance bottlenecks affecting Core Web Vitals?▼

Identify web performance bottlenecks using Lighthouse audits to diagnose loading, scripting, and rendering issues. Apply actionable optimizations across server, network, and front-end assets to improve Core Web Vitals like LCP and TBT.

What is the best way to optimize slow LCP and high TBT on a modern web app?▼

The best way to optimize slow LCP and high TBT is through budget-driven optimizations targeting server, bundle, caching, images, and assets. Validate improvements using Lighthouse audits and Core Web Vitals measurements.

Do I need to understand Lighthouse and Core Web Vitals to improve loading speed?▼

Yes, improving loading speed requires a thorough understanding of Lighthouse, Core Web Vitals, and practical optimizations across server, network, and front-end assets to effectively remediate runtime and rendering bottlenecks.

How does Lighthouse audit help with front-end asset optimization?▼

Lighthouse audits help with front-end asset optimization by identifying specific loading, scripting, and rendering bottlenecks. It provides actionable targets for optimizing bundles, caching, images, and assets to speed up your site.

What optimizations can I apply to reduce runtime scripting bottlenecks?▼

To reduce runtime scripting bottlenecks, apply actionable optimizations across your bundle, caching strategies, and front-end assets. Use Lighthouse audits to guide budget-driven improvements and validate the results with Core Web Vitals.

Related Skills

Explore More Software Engineering Skills→
guia-matthieuguia-matthieu
145

lighthouse-audit

Automate Google Lighthouse audits for Core Web Vitals, SEO, and accessibility metrics.

Community
Intermediate
johwerjohwer

frontend-performance

Optimize Core Web Vitals and resource loading in React/SPA projects.

Community
Advanced
Rikinshah787Rikinshah787
5

overdrive

Analyzes web performance bottlenecks and optimizes rendering, JavaScript bundles, and asset loading.

Community
Advanced
senpapi69senpapi69

i-optimize

Identify and fix UI performance bottlenecks in web apps and dashboards.

Community
Advanced