skills.rest
effiemincer
effiemincerCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Optimize web app and SPA performance across loading, rendering, and interaction.

Updated Mar 16, 2026
Search Tags:#performance#frontend#optimization#web#lazy-loading#code-splitting#core-web-vitals
One-click install
npx skills add https://github.com/effiemincer/contract-review-pipeline --skill optimize-effiemincer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/effiemincer/contract-review-pipeline/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/effiemincer/contract-review-pipeline --skill optimize-effiemincer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimize user interfaces by identifying and reducing performance bottlenecks across loading, rendering, and interactions, delivering smoother experiences.

Core Features & Use Cases

  • Measures core web vitals (LCP, FID, CLS) and runtime performance to locate bottlenecks.
  • Provides a structured playbook for loading, rendering, animation, and network optimizations.
  • Applicable to web apps and SPAs seeking repeatable, measurable performance improvements.

Quick Start

Audit your app’s performance and implement the recommended improvements to achieve faster, smoother interactions.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I optimize web app performance and improve Core Web Vitals?▼

Optimizing web app performance involves measuring metrics like LCP, FID, and CLS to locate bottlenecks, then applying a structured playbook for loading, rendering, and network optimizations to deliver smoother interactions.

What is the best way to reduce JavaScript bundle size in a single page application?▼

The best way to reduce JavaScript bundle size is through code-splitting and lazy loading, which defers loading non-critical scripts until needed, minimizing initial payload and accelerating time to interactive.

How do I fix layout shift and slow loading in my web app?▼

Fix layout shift and slow loading by auditing CLS and LCP metrics to locate bottlenecks, then applying critical CSS, image optimization, and lazy loading to deliver a smoother, more stable experience.

Can I apply frontend optimization techniques to any single page application?▼

Yes, frontend optimization techniques apply to web apps and single page applications seeking repeatable, measurable performance improvements across loading, rendering, animation, and network interactions regardless of their specific framework.

Why does my web app have a slow Time to Interactive despite code splitting?▼

Slow Time to Interactive persists despite code splitting when bottlenecks remain in images, fonts, CSS rendering, or unoptimized network requests, requiring a structured audit across all loading and interaction phases.

Related Skills

Explore More Software Engineering Skills→
chiruu12chiruu12
1

benchmark

Automate web page performance benchmarking to detect regressions in load times and Core Web Vitals.

Community
Advanced
HieubkavHieubkav

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Community
Advanced
7a336e6e7a336e6e
1

bundling-frontend

Configure Vite for optimized production builds with code splitting and tree-shaking.

Community
Intermediate
PatternsDevPatternsDev
235

compression

Apply Gzip and Brotli compression to JavaScript assets in build pipelines.

Official
Advanced