skills.rest
jimmy706
jimmy706COMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Analyze Core Web Vitals and runtime performance to identify UI bottlenecks.

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

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 animations.
  • Optimization Strategies: Provides actionable steps for image compression, code splitting, CSS optimization, and GPU-accelerated animations.
  • Use Case: A web application is experiencing slow initial load times and choppy scrolling on mobile devices. This Skill can analyze the performance metrics, suggest optimizing image formats and sizes, implementing code splitting for JavaScript, and ensuring animations are GPU-accelerated to create a smoother, faster experience.

Quick Start

Use the optimize skill to improve the loading speed of the main dashboard page.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I fix slow loading times and reduce bundle size in my web application?▼

To fix slow loading times and reduce bundle size, analyze Core Web Vitals and runtime performance to identify bottlenecks, then apply systematic strategies like image compression and JavaScript code splitting.

What is the best way to optimize Core Web Vitals for mobile devices?▼

Optimizing Core Web Vitals for mobile requires analyzing load times and runtime performance to pinpoint bottlenecks, then implementing image format optimization, network efficiency improvements, and GPU-accelerated animations.

How do I stop janky scrolling and animations in my React application?▼

To stop janky scrolling and animations in React, identify rendering bottlenecks through performance auditing and apply React-specific optimizations alongside GPU-accelerated animations to ensure smoother runtime performance.

How do I optimize network requests for slow internet connections?▼

Optimizing network requests for slow connections involves analyzing network efficiency bottlenecks and applying systematic strategies to reduce payload sizes and streamline data fetching for degraded networks.

What steps should I take to audit and improve interface performance?▼

Auditing interface performance involves analyzing load times, bundle sizes, and Core Web Vitals to identify bottlenecks, followed by executing optimization strategies for images, JavaScript, CSS, and fonts, then verifying the results.

Related Skills

Explore More Software Engineering Skills→
mathemagiemathemagie

performance

Audit web pages with Lighthouse and fix performance bottlenecks.

Community
Intermediate
nangyak4415-sudonangyak4415-sudo

optimize

Identify and fix web performance issues in frontend applications.

Community
Intermediate
marpmemarpme
1

i-optimize

...

Community
Advanced
SylphxAISylphxAI
4

performance

Analyze Next.js frontend performance for Core Web Vitals and bundle size.

Official
Intermediate