skills.rest
satriadhm
satriadhmCOMMUNITY
Explore all skills by this author →
GitHub

optimize

Identify and fix frontend performance issues in web apps.

Updated Aug 27, 2026
Search Tags:#performance#frontend#rendering#optimize#web#loading
One-click install
npx skills add https://github.com/satriadhm/padelism --skill optimize-satriadhm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/satriadhm/padelism/tree/main/.qwen/skills/optimize
Command: npx skills add https://github.com/satriadhm/padelism --skill optimize-satriadhm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Assess Performance Issues: measure Core Web Vitals, load time, bundle size, runtime performance.
  • Optimization Strategy: plan improvements across loading performance, rendering performance, animation efficiency, and resource optimization (images, fonts, code).
  • Use Case: When a web app feels sluggish on mobile, use this skill to identify bottlenecks and propose concrete optimizations to improve perceived performance.

Quick Start

Identify the top three performance bottlenecks in your current UI and outline concrete fixes.

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?▼

Frontend performance bottlenecks are identified by measuring Core Web Vitals, load time, bundle size, and runtime performance to pinpoint sluggish areas. This assessment reveals exact rendering and loading issues to target for smoother user experiences.

What is the best way to improve web loading speed and rendering performance?▼

The best way to improve web loading speed is implementing a targeted optimization plan covering image optimization, code-splitting, lazy loading, and CSS or font improvements. This systematically fixes loading and rendering bottlenecks.

Why does my web app feel sluggish on mobile and how can I optimize it?▼

Web apps feel sluggish on mobile due to unoptimized resources and rendering inefficiencies. You can optimize perceived performance by identifying bottlenecks and applying concrete fixes like code-splitting, image optimization, and lazy loading.

Does code-splitting and lazy loading help reduce bundle size?▼

Yes, code-splitting and lazy loading directly reduce bundle size by deferring unnecessary resource loading. Combined with image and font optimization, these strategies significantly improve loading speed and runtime performance.

How do I monitor performance after applying frontend optimizations?▼

Monitor performance after frontend optimizations by tracking Core Web Vitals and runtime metrics against clear success criteria. This validation step ensures the loading speed and rendering improvements effectively resolve the initial bottlenecks.

Related Skills

Explore More Software Engineering Skills→
xenitV1xenitV1
132

performance-profiling

Automate Lighthouse-based performance profiling to identify web application bottlenecks.

Community
Advanced
Kael-DeanKael-Dean

optimize

Identify and fix frontend performance bottlenecks in web apps.

Community
Advanced
vobasevobase
59

optimize

Optimizes web frontend and SPA performance by measuring Core Web Vitals and prescribing targeted fixes.

Official
Intermediate
tuyenhttuyenht

performance-profiling

Audit web performance with Lighthouse and analyze JavaScript bundles.

Community
Intermediate