optimize

Identify and fix frontend performance bottlenecks using Core Web Vitals metrics.

Updated Jan 23, 2026

Search Tags:#frontend #optimize #web-performance #bundle-size #lcp #cls #fid

Ready to run

npx skills add https://github.com/phismith91/notenschluss --skill optimize-phismith91

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/phismith91/notenschluss/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/phismith91/notenschluss --skill optimize-phismith91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

Systematic performance assessment: measure core web vitals, loading times, bundle sizes, and runtime performance to locate bottlenecks.
Actionable optimization strategies: guidelines for loading, rendering, animation, and framework-specific tweaks.
Real-world workflow: apply step-by-step improvements across images, CSS, JavaScript, fonts, and network requests to deliver faster experiences.

Quick Start

Run a performance audit to identify bottlenecks and apply the recommended optimizations.

Frequently Asked Questions about optimize

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

FAQPage Schema

How do I identify frontend performance bottlenecks in a web app?▼

Identify frontend performance bottlenecks by running a systematic performance audit to measure Core Web Vitals, loading times, bundle sizes, and runtime performance to locate the exact rendering or loading issues.

What's the best way to improve Core Web Vitals like LCP, CLS, and FID?▼

Improve Core Web Vitals like LCP, CLS, and FID by applying actionable optimization strategies across images, CSS, JavaScript, and fonts to drive measurable loading and rendering improvements.

How do I reduce web app bundle size through code-splitting?▼

Reduce web app bundle size through code-splitting by applying step-by-step improvements to your JavaScript and CSS assets, systematically optimizing loading strategies to deliver faster experiences.

Does this frontend optimization approach work for dashboards and web apps?▼

Yes, this frontend optimization approach works for dashboards and web apps, applying systematic performance assessment and rendering strategies to fix bottlenecks across various interface types.

Why does my web interface have poor runtime performance and animations?▼

Your web interface has poor runtime performance and animations due to rendering bottlenecks, which you can fix using framework-specific tweaks and actionable optimization guidelines for animations.