optimize

Analyze Core Web Vitals and optimize JavaScript, CSS, and image delivery.

31|3|Updated Dec 6, 2025

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

Ready to run

npx skills add https://github.com/Zendevve/Antigravity-Usage --skill optimize-zendevve

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Zendevve/Antigravity-Usage/tree/main/.trae/skills/optimize
Command: npx skills add https://github.com/Zendevve/Antigravity-Usage --skill optimize-zendevve

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses performance bottlenecks in user interfaces, ensuring faster loading times, smoother animations, and reduced resource consumption for a better user experience.

Core Features & Use Cases

Performance Auditing: Identifies issues across loading, rendering, animations, images, and bundle size.
Optimization Strategies: Provides actionable steps for improving Core Web Vitals, reducing bundle size, and optimizing rendering.
Use Case: A web application is experiencing slow initial load times and janky scrolling. This Skill can analyze the causes, suggest image compression and code-splitting, and guide the implementation of these fixes.

Quick Start

Use the optimize skill to analyze and 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 improve web performance and fix slow loading speed?▼

To improve web performance and loading speed, analyze Core Web Vitals to identify bottlenecks in JavaScript, CSS, and image delivery. Strategies include code splitting, lazy loading, and image compression to systematically reduce bundle size and optimize rendering.

What is causing janky scrolling and how do I optimize rendering efficiency?▼

Rendering efficiency issues causing janky scrolling often stem from unoptimized animations and large bundle sizes. Optimize rendering by implementing GPU-accelerated animations, analyzing rendering bottlenecks, and applying code splitting to reduce resource consumption.

How do I reduce bundle size in a web application?▼

Reduce bundle size by analyzing JavaScript and CSS delivery for bottlenecks. Apply code splitting to divide your bundle into smaller chunks and implement lazy loading so resources only load when needed, directly improving initial load times.

What's the best way to optimize images for faster loading times?▼

The best way to optimize images for faster loading times is to analyze image delivery bottlenecks and apply image compression. This reduces overall resource consumption and improves Core Web Vitals for a smoother user experience.

Why does my web application have slow initial load times and how do I fix it?▼

Slow initial load times occur when JavaScript, CSS, and images create delivery bottlenecks. Fix this by auditing performance to identify causes, then implement code splitting, lazy loading, and image compression to reduce bundle size and loading speed.