skills.rest
TudeOrangBiasa
TudeOrangBiasaCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Measure web application performance and apply systematic optimization strategies.

Updated Aug 23, 2026
Search Tags:#performance#web vitals#optimization#bundle size#rendering#loading speed
One-click install
npx skills add https://github.com/TudeOrangBiasa/zenithgravity-kit --skill optimize-tudeorangbiasa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/TudeOrangBiasa/zenithgravity-kit/tree/main/.agent/skills/optimize
Command: npx skills add https://github.com/TudeOrangBiasa/zenithgravity-kit --skill optimize-tudeorangbiasa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses slow loading times, janky animations, and large bundle sizes that degrade user experience and impact conversion rates.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and runtime.
  • Optimization Strategies: Provides actionable steps for images, JavaScript, CSS, and fonts.
  • Core Web Vitals Improvement: Focuses on LCP, FID/INP, and CLS metrics.
  • Use Case: A website's LCP is over 3 seconds due to a large hero image. This Skill guides the process of optimizing the image format, sizing, and implementing lazy loading to bring LCP below the 2.5-second target.

Quick Start

Use the optimize skill to improve the loading speed of the website's main assets.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve Core Web Vitals like LCP and CLS for my web application?▼

Improving Core Web Vitals requires measuring current LCP, FID/INP, and CLS metrics, analyzing loading bottlenecks, and applying systematic optimization strategies to bring specific metrics below their target thresholds.

What is the best way to reduce web bundle size and slow loading speed?▼

Reducing bundle size and loading speed involves auditing runtime bottlenecks and implementing actionable optimization steps for JavaScript, CSS, and fonts, followed by systematic measurement to verify the loading improvements.

How do I fix janky animations and rendering bottlenecks in a web interface?▼

Fixing janky animations and rendering bottlenecks requires identifying runtime performance issues through auditing, then applying systematic optimization strategies to improve interface rendering and animation smoothness.

Can I optimize a large hero image to improve web loading speed without losing quality?▼

You can optimize a large hero image by changing its format, adjusting sizing, and implementing lazy loading, which systematically improves loading speed and brings LCP below the 2.5-second target.

Does web performance optimization require measuring the current state before applying fixes?▼

Web performance optimization requires systematic measurement of the current state and analysis of bottlenecks before applying fixes, ensuring that loading speed and rendering improvements are properly verified.

Related Skills

Explore More Software Engineering Skills→
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

optimize

Diagnose and fix UI performance issues using Core Web Vitals measurements.

Community
Advanced
RamonsDkaRamonsDka
1

core-web-vitals

Identify and reduce Core Web Vitals issues (LCP, INP, and CLS) on a target page.

Community
Advanced
threeblindthreeblind

i-optimize

Analyze Core Web Vitals and optimize web loading, rendering, and animations.

Community
Advanced
xiaoniuge36xiaoniuge36
6

performance-audit

Analyze web application performance bottlenecks using Lighthouse and browser DevTools.

Community
Intermediate