optimize

Optimizes web and mobile app performance by reducing load times and bundle sizes.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/ai-sapira-poc/pharo-agents --skill optimize-ai-sapira-poc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/ai-sapira-poc/pharo-agents/tree/main/.claude/skills/optimize
Command: npx skills add https://github.com/ai-sapira-poc/pharo-agents --skill optimize-ai-sapira-poc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improve interface performance by reducing load times, rendering bottlenecks, and oversized bundles to deliver smoother user experiences.

Core Features & Use Cases

  • Loading optimizations (image formats, lazy loading, preloading)
  • Rendering and animation performance (batching, contain, GPU-accelerated transforms)
  • Bundle size reduction (code splitting, tree-shaking, lazy loaded features)
  • Use Case: A mobile app with slow initial load improves LCP and TTI after applying optimizations.

Quick Start

Run an end-to-end performance audit and implement top-priority optimizations in the order of impact, starting with image optimization and code-splitting.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I reduce web bundle size and improve loading times?

Reduce web bundle size and loading times by implementing code splitting, tree-shaking, and lazy loaded features. Optimizing image formats and applying preloading strategies further decreases oversized asset bundles for faster initial page loads.

What is the best way to fix rendering bottlenecks and jank during interactions?

Fix rendering bottlenecks and jank during interactions by applying GPU-accelerated transforms, DOM batching, and CSS containment. These rendering optimizations minimize main-thread blocking to deliver smoother user experiences.

How do I measure and optimize Core Web Vitals for a slow mobile app?

Measure and optimize Core Web Vitals for a slow mobile app by running an end-to-end performance audit. Address slow initial loads by prioritizing image optimization and code-splitting to directly improve LCP and TTI metrics.

When should I use lazy loading versus preloading for web performance?

Use lazy loading for below-the-fold assets to reduce initial bundle size, while preloading critical resources prioritizes above-the-fold loading. Combining both strategies optimizes asset delivery and improves overall web performance metrics.