optimize

Identify and fix front-end performance issues across modern web applications.

Updated Aug 23, 2026

Search Tags:#performance #frontend #rendering #loading #bundle-size #web-optimization

Ready to run

npx skills add https://github.com/primaERP/jmhz-xml-editor --skill optimize-primaerp

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/primaERP/jmhz-xml-editor/tree/main/style_guide/.cursor/skills/optimize
Command: npx skills add https://github.com/primaERP/jmhz-xml-editor --skill optimize-primaerp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues to create faster, smoother user experiences.

Core Features & Use Cases

Performance assessment: Establish baselines using Core Web Vitals (LCP, FID/INP, CLS), load times, bundle size, runtime performance, and network metrics.
Bottleneck identification: Pinpoint initial load bottlenecks, expensive JavaScript, oversized assets, and layout thrashing affecting interactivity.
Systematic optimization plan: Target image optimization, JavaScript and CSS reductions, font loading improvements, and loading strategies to reduce total page weight and render time.

Quick Start

Run a baseline performance audit on the target interface, implement prioritized optimizations, then re-audit to verify improvements.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I identify front-end performance bottlenecks in a web application?▼

To identify front-end performance bottlenecks, establish baselines using Core Web Vitals like LCP, FID, and CLS, alongside load times and bundle size, to pinpoint expensive JavaScript and layout thrashing affecting interactivity.

What is the best way to reduce web bundle size and improve loading strategies?▼

The best way to reduce web bundle size and improve loading strategies is to implement a systematic optimization plan targeting image optimization, JavaScript and CSS reductions, and font loading improvements to reduce total page weight.

How do I fix layout thrashing and rendering performance issues?▼

Fix layout thrashing and rendering performance issues by pinpointing expensive JavaScript and oversized assets affecting interactivity, then applying targeted CSS and JavaScript reductions alongside improved loading strategies.

How do I measure front-end optimization gains using Core Web Vitals?▼

Measure front-end optimization gains using Core Web Vitals by running a baseline performance audit before implementing prioritized optimizations, then re-auditing after changes to verify LCP, FID or INP, and CLS improvements.

Does this web optimization approach work for modern web applications with complex assets?▼

Yes, this web optimization approach works for modern web applications with complex assets by systematically addressing image handling, oversized assets, JavaScript, CSS, fonts, and loading strategies to deliver smoother user interfaces.

Why does my web application have slow load times despite optimized images?▼

Slow load times despite optimized images often stem from expensive JavaScript, oversized CSS, poor font loading, or inefficient loading strategies, requiring a comprehensive bundle size and rendering performance audit.