skills.rest
isacfg
isacfgCOMMUNITY
Explore all skills by this author →
GitHub

i-optimize

Analyze Core Web Vitals and optimize loading, rendering, and bundle size.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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: Analyzes Core Web Vitals, load times, bundle sizes, and runtime performance.
  • Optimization Strategies: Provides actionable steps for optimizing images, JavaScript, CSS, fonts, and network requests.
  • Rendering & Animation Tuning: Offers techniques to improve rendering speed and ensure smooth animations.
  • Framework-Specific Advice: Includes tips for React and other frameworks.
  • Use Case: Improve your website's Lighthouse score by identifying and fixing performance bottlenecks in images and JavaScript, leading to a faster and more responsive user experience.

Quick Start

Use the i-optimize skill to analyze and improve the loading performance of the website at 'https://example.com'.

Frequently Asked Questions about i-optimize

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

FAQPage Schema
How do I improve my website's Core Web Vitals and loading speed?▼

Optimize your website's Core Web Vitals and loading speed by auditing bottlenecks, implementing image optimization, code splitting, CSS minification, and reducing network requests for faster rendering.

What's the best way to reduce large bundle size and JavaScript bottlenecks?▼

Reduce large bundle size and JavaScript bottlenecks by applying code splitting and optimization strategies to minimize payload, improving overall runtime performance and load times.

How do I fix janky animations and slow rendering in web interfaces?▼

Fix janky animations and slow rendering by applying rendering and animation tuning techniques, ensuring smooth runtime performance and a more responsive user interface.

Can I use this to get framework-specific performance advice for React?▼

Yes, you can use this to get framework-specific performance advice for React and other frameworks, providing actionable steps to optimize rendering and loading speed.

How do I optimize image loading and font delivery for better performance?▼

Optimize image loading and font delivery by implementing targeted strategies for images and fonts, reducing network requests and directly improving your website's load times.

Related Skills

Explore More Software Engineering Skills→
jota-batutajota-batuta

performance-testing

Establish performance baselines and budgets for APIs and web applications.

Community
Advanced
ft-frankft-frank
1

optimize

Analyze Core Web Vitals and bundle sizes to identify web performance bottlenecks.

Community
Advanced
TheBushidoCollectiveTheBushidoCollective
187

tailwind-performance

Optimize Tailwind CSS production builds by configuring content paths and JIT mode.

Official
Intermediate
xiaoniuge36xiaoniuge36
6

performance-audit

Analyze web application performance bottlenecks using Lighthouse and browser DevTools.

Community
Intermediate