optimize

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

4|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Tresillo2017/zephyron --skill optimize-tresillo2017
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Tresillo2017/zephyron/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/Tresillo2017/zephyron --skill optimize-tresillo2017

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Assessment & measurement: Measure Core Web Vitals (LCP, FID/INP, CLS), load times, bundle sizes, runtime performance, and network metrics to baseline performance.
  • Optimization strategy: Implement targeted improvements across loading, rendering, and animations, including code splitting, image optimization, CSS efficiency, and caching.
  • Real-world use case: For a sluggish frontend app, prioritize image formats, lazy loading, and JS bundle reductions to improve TTI and perceived performance.

Quick Start

Measure current performance metrics and then apply prioritized optimizations for images, JavaScript, and CSS to boost perceived speed.

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 and improve Core Web Vitals?

To reduce JavaScript bundle size, apply code splitting to lazy load non-critical code, implement efficient caching strategies, and eliminate unused scripts to decrease load times and improve Time to Interactive.

What's the best way to optimize frontend images for faster web load times?

The best way to optimize frontend images is to prioritize modern image formats, implement lazy loading for off-screen assets, and apply responsive image techniques to significantly reduce payload sizes and boost perceived speed.

Does frontend performance optimization require measuring runtime metrics across different devices?

Yes, effective frontend performance optimization requires measuring load times, bundle sizes, and runtime performance across various devices and network conditions to ensure a smooth user experience under real-world constraints.

How do I fix a sluggish frontend app and improve perceived load speed?

To fix a sluggish frontend app, profile current runtime metrics, then prioritize image format conversions, enable lazy loading, and apply JS bundle reductions to directly improve Time to Interactive and perceived performance.