optimize

Identify and fix web performance bottlenecks across loading, rendering, and animations.

Updated Jun 26, 2022

Search Tags:#performance #web vitals #optimization #bundle size #rendering #loading speed

Ready to run

npx skills add https://github.com/xlsama/use --skill optimize-xlsama

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/xlsama/use/tree/main/config/agents/skills/optimize
Command: npx skills add https://github.com/xlsama/use --skill optimize-xlsama

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 images, JavaScript, CSS, and network requests.
Use Case: A web application is experiencing slow initial load times and choppy scrolling on mobile devices. This Skill can analyze the performance metrics, pinpoint large unoptimized images and excessive JavaScript, and suggest specific code-splitting and image compression techniques to improve responsiveness.

Quick Start

Use the optimize skill to improve the loading performance of the website.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I fix Core Web Vitals issues like poor LCP and CLS?▼

To fix Core Web Vitals issues like poor LCP and CLS, you need to systematically measure loading and rendering bottlenecks. This process identifies large unoptimized images and layout shifts, then applies targeted image compression and network efficiency strategies to improve responsiveness.

What is the best way to reduce JavaScript bundle size for faster loading speed?▼

The best way to reduce JavaScript bundle size for faster loading speed is through performance auditing to pinpoint excessive JavaScript. You can then implement code-splitting techniques and network optimization strategies to decrease the payload and improve initial load times.

Why does my web application have choppy scrolling and janky animations on mobile devices?▼

Choppy scrolling and janky animations on mobile devices occur due to rendering bottlenecks and large unoptimized assets. A performance audit can identify these issues, allowing you to apply optimization strategies that improve rendering efficiency and overall responsiveness.

Can I audit interface performance without external dependencies?▼

Yes, you can audit interface performance without external dependencies by using systematic measurement strategies. This approach identifies performance bottlenecks across loading speed, rendering, and bundle size internally, providing actionable steps for images, JavaScript, and CSS.

How to optimize images and network requests for web application performance?▼

To optimize images and network requests for web application performance, you must first identify bottlenecks through systematic measurement. Then, apply specific image compression techniques and network efficiency strategies to improve loading speed and user experience.