optimize

Audit web performance and resolve Core Web Vitals bottlenecks.

1|2|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/cinjoff/fhhs-skills --skill optimize-cinjoff
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/cinjoff/fhhs-skills/tree/main/.claude/skills/optimize
Command: npx skills add https://github.com/cinjoff/fhhs-skills --skill optimize-cinjoff

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, janky animations, and overall poor user experience on websites and applications by systematically identifying and fixing performance bottlenecks.

Core Features & Use Cases

  • Performance Auditing: Measures Core Web Vitals, load times, bundle sizes, and runtime performance.
  • Targeted Optimization: Provides strategies for optimizing images, JavaScript, CSS, fonts, rendering, and animations.
  • Use Case: A web application is experiencing slow initial load times and laggy scrolling. This Skill can analyze the causes, such as large unoptimized images and excessive JavaScript, and provide specific code examples and strategies to improve these metrics, leading to a smoother and faster user experience.

Quick Start

Analyze the performance of the current web application and suggest optimizations for image loading and JavaScript bundle size.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve slow web loading speed and fix janky scrolling animations?

To improve web loading speed and fix janky animations, you must systematically audit Core Web Vitals to identify bottlenecks like large unoptimized images or excessive JavaScript execution, then apply targeted optimization strategies for faster rendering.

What's the best way to reduce JavaScript bundle size for better web performance?

The best way to reduce JavaScript bundle size involves systematically measuring runtime performance and network requests to identify heavy scripts, then applying targeted optimization strategies to minimize execution overhead and improve loading speed.

How does rendering optimization affect Core Web Vitals?

Rendering optimization affects Core Web Vitals by resolving visual bottlenecks during page load and interaction. Systematically optimizing CSS, fonts, and animations ensures smoother rendering, directly improving user experience metrics.

Can I audit my web application's performance without external dependencies?

You can audit web performance without external dependencies by systematically analyzing loading speed, bundle sizes, and runtime metrics. This process identifies network request bottlenecks and JavaScript execution issues to guide targeted optimization strategies.

When do I need to optimize images for web performance?

You need to optimize images for web performance when an audit reveals large unoptimized assets are causing slow initial load times. Targeted image optimization strategies resolve these bottlenecks, leading to a smoother user experience.