skills.rest
phismith91
phismith91COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/phismith91/notenschluss --skill optimize-phismith91
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
Tresillo2017Tresillo2017
4

optimize

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

Community
Advanced
thejordanleopoldthejordanleopold
4

frontend-performance

Diagnose and fix frontend performance bottlenecks across Core Web Vitals and bundle size.

Community
Advanced
billh93billh93

optimize

Diagnose and fix UI performance issues across loading, rendering, and animations.

Community
Advanced
patrickhaahrpatrickhaahr

vercel-react-best-practices

Identify and apply React/Next.js performance best practices for rendering, data fetching, and bundle size.

Community
Basic