skills.rest
Mybono
MybonoCOMMUNITY
Explore all skills by this author →
GitHub

performance-optimization

Analyze web application performance and implement code splitting, image optimization, and caching strategies.

100|18|Updated Apr 3, 2026
Search Tags:#web development#performance optimization#code splitting#performance metrics#image optimization
One-click install
npx skills add https://github.com/Mybono/ai-orchestrator --skill performance-optimization-mybono
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/Mybono/ai-orchestrator/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/Mybono/ai-orchestrator --skill performance-optimization-mybono

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill tackles the complexities of website performance, offering detailed analysis and strategic optimizations to improve loading times, user engagement, and SEO rankings.

Core Features & Use Cases

  • Bundle Analysis and Code Splitting: Identify and resolve performance bottlenecks through code splitting and chunk management.
  • Image Optimization: Utilize advanced techniques to reduce image file sizes without sacrificing quality, improving page load times.
  • Caching Headers: Implement effective caching strategies for static assets to decrease load times and enhance user experience.
  • Virtual Lists: Efficiently render large datasets on pages, ensuring smooth scrolling and reducing load times.
  • Core Web Vitals Monitoring: Monitor and improve critical web performance metrics to ensure a seamless user experience.
  • Use Case: A web developer can use this Skill to optimize their e-commerce site, enhancing the shopping experience for customers and improving site rankings.

Quick Start

Optimize your web application performance using the performance-optimization skill.

Frequently Asked Questions about performance-optimization

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

FAQPage Schema
How do I reduce excessive bundle sizes through code splitting?▼

Image optimization reduces image file sizes without sacrificing quality to improve page load times. Advanced techniques ensure images load efficiently, enhancing user experience and SEO rankings.

How do I efficiently render large datasets with virtual lists?▼

Virtual lists efficiently render large datasets on pages to ensure smooth scrolling and reduce load times. This technique optimizes performance by rendering items dynamically as users scroll through data.

What's the best way to monitor Core Web Vitals for web applications?▼

Core Web Vitals monitoring tracks critical web performance metrics to ensure a seamless user experience. Monitoring these metrics helps identify suboptimal user experience issues and guides strategic optimizations.

Do I need build tools and performance monitoring libraries to optimize website performance?▼

Yes, website performance optimization requires access to build tools and performance monitoring libraries. These tools provide the necessary infrastructure for bundle analysis, caching strategies, and metric tracking.

How do I implement effective caching headers for static assets?▼

Caching headers implement effective caching strategies for static assets to decrease load times and enhance user experience. Proper caching reduces redundant downloads and improves subsequent page visits.

Related Skills

Explore More Software Engineering Skills→
ligianehualigianehua

benchmark

Detect web performance regressions by comparing current metrics against established baselines.

Community
Advanced
LuisSambranoLuisSambrano
7

performance

Optimize web loading speed and runtime efficiency from Lighthouse audits.

Community
Advanced
partme-aipartme-ai
610

rollup

Configure Rollup bundlers with plugins, code splitting, and tree shaking.

Official
Intermediate
doanchienthangdevdoanchienthangdev
4

testing/performance-testing

Run load, stress, and benchmark tests with k6 and Node.js profilers.

Community
Advanced