optimize

Diagnose and fix web application UI performance issues with Core Web Vitals metrics.

Updated Apr 29, 2026
One-click install
npx skills add https://github.com/davidbasilefilho/skills --skill optimize-davidbasilefilho
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/davidbasilefilho/skills/tree/main/skills/optimize
Command: npx skills add https://github.com/davidbasilefilho/skills --skill optimize-davidbasilefilho

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

Core Features & Use Cases

  • Comprehensive performance assessment: measure Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, runtime performance, and network metrics.
  • Bottleneck identification and systematic optimization: identify slow aspects, propose a phased improvement plan covering loading, rendering, animation, and network.
  • Implementation guidance: provide practical strategies and code examples to apply optimizations in modern web apps.

Quick Start

Run a targeted performance audit on your web app and apply the recommended optimizations to improve Core Web Vitals.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I diagnose and fix slow web application loading speed and janky rendering?

To diagnose and fix slow web application loading speed and janky rendering, measure Core Web Vitals like LCP and CLS, identify runtime bottlenecks, and apply a phased optimization plan covering loading, rendering, and bundle size.

What is the best way to reduce bundle size and improve Core Web Vitals for modern web apps?

The best way to reduce bundle size and improve Core Web Vitals is to measure network metrics, identify slow loading aspects, and apply targeted code optimization strategies across loading, images, and bundle size to verify before and after improvements.

How do I measure Core Web Vitals like LCP and CLS to identify UI performance bottlenecks?

You measure Core Web Vitals like LCP and CLS by running a comprehensive performance assessment that captures loading speed, runtime metrics, and layout shifts to systematically identify UI performance bottlenecks across desktop and mobile.

Does this performance optimization approach work for both desktop and mobile web experiences?

Yes, this performance optimization approach works for both desktop and mobile web experiences by systematically diagnosing and fixing loading speed, rendering, animations, and network metrics to ensure smooth interaction across all device types.

Why does my web app have a slow Largest Contentful Paint and how can I optimize it?

Your web app has a slow Largest Contentful Paint due to loading bottlenecks, which you can optimize by measuring LCP metrics, identifying heavy network resources, and applying a phased improvement plan for loading speed and image delivery.