skills.rest
tc9011
tc9011COMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Analyze Core Web Vitals and fix performance bottlenecks in interfaces.

Updated Feb 5, 2026
Search Tags:#performance#frontend#optimization#rendering#animations#web performance#loading speed
One-click install
npx skills add https://github.com/tc9011/my-skills --skill optimize-tc9011
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/tc9011/my-skills/tree/main/skills/optimize
Command: npx skills add https://github.com/tc9011/my-skills --skill optimize-tc9011

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, janky animations, and large bundle sizes that degrade user experience and impact engagement.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and animation.
  • Optimization Strategies: Provides actionable steps for image, JavaScript, CSS, and network optimization.
  • Use Case: Improve your website's Core Web Vitals scores by optimizing image delivery and reducing JavaScript execution time, leading to a faster and more responsive user interface.

Quick Start

Use the optimize skill to improve the loading speed of the main product page.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I identify what is causing slow web performance and janky animations?▼

To identify slow web performance, you need a performance audit that analyzes Core Web Vitals, load times, bundle sizes, and runtime rendering to pinpoint bottlenecks. This process isolates specific issues in JavaScript execution, image delivery, and CSS causing janky animations.

What is the best way to optimize website loading speed and reduce bundle size?▼

The best way to optimize website loading speed and reduce bundle size is by applying targeted optimization strategies for images, JavaScript, CSS, and network requests. These actionable steps reduce execution time and create a faster, more responsive user interface.

How can I improve my Core Web Vitals scores for a smoother frontend experience?▼

You can improve Core Web Vitals scores by optimizing image delivery and reducing JavaScript execution time. Addressing these specific loading speed and rendering bottlenecks directly boosts interface smoothness and enhances overall web performance.

Does frontend performance optimization work for both initial load times and runtime animations?▼

Frontend performance optimization works for both initial load times and runtime animations by analyzing the entire rendering lifecycle. It identifies and fixes performance bottlenecks across loading speed, rendering, and animations to ensure a consistently smooth user experience.

Why does my large JavaScript bundle degrade user interface responsiveness?▼

A large JavaScript bundle degrades user interface responsiveness because it increases execution time and delays loading speed. Identifying and fixing these performance bottlenecks through JavaScript optimization reduces bundle size and creates a faster, smoother experience.

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
Moliboy5000Moliboy5000

optimize

Analyze web performance bottlenecks and optimize Core Web Vitals metrics.

Community
Advanced
yequdesuyequdesu

gsap-performance

Analyze and optimize GSAP animations to reduce jank and layout thrashing.

Community
Intermediate
i3ringiti3ringit
3

performance-oracle

Analyze code to identify and resolve performance bottlenecks in software systems.

Community
Advanced