optimize

Analyze web performance metrics and apply optimization techniques for Core Web Vitals.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

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 on web interfaces.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and animation.
  • Optimization Strategies: Provides actionable steps for images, JavaScript, CSS, and network requests.
  • Core Web Vitals Improvement: Focuses on enhancing LCP, FID/INP, and CLS scores.
  • Use Case: A web application is experiencing slow load times on mobile devices. This Skill can analyze the performance, suggest image compression and code-splitting, and guide the implementation to improve the user experience.

Quick Start

Use the optimize skill to analyze the performance of the website at example.com.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve my website's Core Web Vitals scores like LCP and CLS?

To improve Core Web Vitals, you must first analyze current metrics to identify loading, rendering, and layout shift bottlenecks. This Skill systematically addresses LCP, FID/INP, and CLS by applying targeted optimization techniques across web assets and rendering processes.

What is the best way to fix slow loading speeds and janky animations on mobile web apps?

Fixing slow loading speeds and janky animations requires a comprehensive performance audit to pinpoint bottlenecks. This Skill guides the systematic application of image compression, code-splitting, and network optimizations to enhance mobile rendering and user experience.

How can I reduce my frontend bundle size to speed up network requests?

Reducing frontend bundle size involves identifying heavy JavaScript and CSS assets during a performance audit. This Skill provides actionable optimization strategies like code-splitting and asset compression to minimize network payload and accelerate loading.

Does this web optimization approach work for analyzing existing user interfaces?

Yes, this optimization approach works by analyzing your existing web interface metrics to identify specific performance bottlenecks. It requires evaluating current loading speed and rendering data before systematically applying optimization techniques.

When should I perform a web performance audit on my application?

You should perform a web performance audit when your application experiences slow load times, janky animations, or large bundle sizes that degrade user experience. This process identifies bottlenecks impacting conversion rates and guides necessary asset optimizations.

Why does my web interface experience layout shifts and slow rendering?

Your web interface experiences layout shifts and slow rendering due to unoptimized assets and inefficient rendering processes. Analyzing your Core Web Vitals, specifically CLS and LCP, helps identify these specific bottlenecks for targeted optimization.