optimize

Audit and optimize frontend performance by improving Core Web Vitals.

1|1|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/puripong1st/web-fahsiam --skill optimize-puripong1st
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/puripong1st/web-fahsiam/tree/main/.agent/skills/optimize
Command: npx skills add https://github.com/puripong1st/web-fahsiam --skill optimize-puripong1st

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance issues in user interfaces to deliver faster, more responsive experiences.

Core Features & Use Cases

  • Loading performance improvements (images, fonts, and critical resources)
  • Rendering and animation efficiency (minimizing layout thrash and Jank)
  • Core Web Vitals optimization and measurement across frameworks
  • End-to-end performance audits with measurable before/after results
  • Guided best practices for code splitting, lazy loading, and asset optimization

Quick Start

Run a performance audit and apply the most impactful optimizations to improve load times and responsiveness.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve Core Web Vitals scores for my web frontend?

Improve Core Web Vitals by running performance audits, applying code splitting, lazy loading, and critical CSS techniques to track and enforce measurable loading and rendering improvements across modern frameworks.

What is the best way to fix layout thrash and UI jank during animations?

Fix layout thrash and jank by identifying rendering bottlenecks during a performance audit, then applying efficient asset handling and critical CSS to minimize layout recalculations and ensure smooth animations.

How do I optimize frontend loading performance for images and fonts?

Optimize frontend loading performance by applying image optimization, lazy loading, and efficient asset handling to speed up the delivery of critical resources like images and fonts.

Can I use code splitting and lazy loading across any modern frontend framework?

Yes, code splitting and lazy loading can be applied across modern frontend frameworks in production-like scenarios to reduce initial bundle size and improve overall loading performance.

Why does my web interface feel slow despite having optimized assets?

Your web interface may feel slow due to unoptimized critical CSS or rendering inefficiencies; conduct an end-to-end performance audit to identify hidden bottlenecks like layout thrash impacting responsiveness.

Do I need to measure before and after results when optimizing web performance?

Yes, measuring before and after results is required; the optimization process enforces measurable improvements by tracking Core Web Vitals and conducting performance audits to validate speed gains.