skills.rest
vladimir-shirmanov
vladimir-shirmanovCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Identify UI performance bottlenecks and implement optimization plans for web apps.

Updated Apr 5, 2026
Search Tags:#performance#optimization#javascript#rendering#web-performance#core-web-vitals#loading-speed
One-click install
npx skills add https://github.com/vladimir-shirmanov/tenax --skill optimize-vladimir-shirmanov
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/vladimir-shirmanov/tenax/tree/main/.github/skills/optimize
Command: npx skills add https://github.com/vladimir-shirmanov/tenax --skill optimize-vladimir-shirmanov

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues in user interfaces cause slow loads, janky interactions, and a poor overall experience. This Skill targets those bottlenecks and provides a structured approach to improve loading speed, rendering efficiency, animations, image handling, and bundle size for faster, smoother experiences.

Core Features & Use Cases

  • Identify bottlenecks using Core Web Vitals, load times, and bundle sizes to guide targeted optimizations.
  • Apply a comprehensive optimization strategy covering images, JavaScript, CSS, fonts, and caching to reduce total blocking time and layout shifts.
  • Use case: A web app with large hero images and heavy scripts benefits from code-splitting, lazy loading, and critical CSS to improve LCP and TTI.

Quick Start

Start by profiling your app's performance and implement the most impactful optimization for images, JS, and layout to improve perceived speed.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve Core Web Vitals for a web app with heavy assets and complex renders?▼

You can speed up web app loading speed by implementing code-splitting, lazy loading, and critical CSS to reduce total blocking time and improve perceived speed for large hero images and heavy scripts.

What's the best way to reduce janky interactions and layout shifts in dynamic web applications?▼

Reduce janky interactions and layout shifts by deploying a comprehensive optimization strategy covering images, JavaScript, CSS, fonts, and caching to improve rendering efficiency and overall UI performance.

How does bundle size affect loading speed and rendering efficiency in web performance optimization?▼

Bundle size impacts loading speed by increasing total blocking time. Measuring bundle size identifies bottlenecks and guides targeted JavaScript optimizations like code-splitting to improve rendering efficiency.

Can I optimize rendering and animation performance for dynamic content without specific dependencies?▼

Yes, you can optimize rendering and animation performance for dynamic content without specific dependencies by systematically identifying bottlenecks and deploying best practices across images, JavaScript, CSS, and caching strategies.

Related Skills

Explore More Software Engineering Skills→
Tresillo2017Tresillo2017
4

optimize

Measure and improve frontend performance via Core Web Vitals and code-splitting.

Community
Advanced
liauw-medialiauw-media
3

lighthouse-performance-optimization

Run Lighthouse audits through MCP to identify website performance bottlenecks.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
niiiusburoniiiusburo

optimize

Diagnose and fix web application performance bottlenecks using Core Web Vitals.

Community
Advanced