skills.rest
oriys
oriysCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Identify and fix web interface performance bottlenecks using Core Web Vitals metrics.

Updated Mar 6, 2026
Search Tags:#performance#frontend#optimization#rendering#web#loading#core-web-vitals
One-click install
npx skills add https://github.com/oriys/domino --skill optimize-oriys
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/oriys/domino/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/oriys/domino --skill optimize-oriys

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues in UI lead to slow loading, janky interactions, and poor user satisfaction. This Skill helps identify and fix performance bottlenecks across loading, rendering, and asset efficiency.

Core Features & Use Cases

  • Identify bottlenecks using Core Web Vitals (LCP, FID/INP, CLS), load times, bundle sizes, runtime performance, and network requests.
  • Propose optimization strategies for images, JavaScript, CSS, fonts, and loading strategy to improve LCP, FID, CLS.
  • Apply across web or app interfaces to deliver faster initial load, smoother interactions, and consistent UI.

Quick Start

Begin by measuring current performance with a baseline, then implement image optimization, code-splitting, and CSS improvements.

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 using Core Web Vitals?▼

Improve web loading speed through image optimization, JavaScript code-splitting, and CSS efficiency improvements. These strategies reduce bundle size and optimize asset loading to directly enhance initial load times and overall page speed.

What causes janky interactions and how do I fix rendering performance?▼

Janky interactions stem from unoptimized rendering and heavy runtime performance. Fix rendering performance by profiling network requests, minimizing JavaScript execution, and applying optimization strategies to CSS and fonts for smoother interactions.

How do I validate frontend optimization improvements with before and after metrics?▼

Validate frontend optimization improvements by measuring current performance to establish a baseline before applying changes. After implementing image and code optimizations, compare the updated Core Web Vitals and load times against the initial metrics.

When do I need to optimize bundle size for web interfaces?▼

Optimize bundle size for web interfaces when initial loading is slow or Core Web Vitals indicate poor performance. Reducing JavaScript and CSS bundle sizes through code-splitting directly improves loading speed and runtime efficiency.

Related Skills

Explore More Software Engineering Skills→
IndustrialIndustrial

performance-profiling

Audit web performance with Lighthouse and browser DevTools.

Community
Intermediate
shobhitsrivastava2023shobhitsrivastava2023

optimize

Measure Core Web Vitals and implement front-end performance optimizations.

Community
Advanced
marpmemarpme
1

i-optimize

...

Community
Advanced
runkidsrunkids
11

performance

Audit web performance with Lighthouse and apply targeted optimizations.

Community
Advanced