skills.rest
danielzmeow
danielzmeowCOMMUNITY
Explore all skills by this author →
𝕏@DanielzmeowGitHub

optimize

Analyze and resolve web performance bottlenecks in Core Web Vitals and JavaScript execution.

Updated Mar 15, 2026
Search Tags:#performance#web development#optimization#bundle size#rendering#animations#loading speed
One-click install
npx skills add https://github.com/danielzmeow/Web-Tutorial --skill optimize-danielzmeow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/danielzmeow/Web-Tutorial/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/danielzmeow/Web-Tutorial --skill optimize-danielzmeow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow loading times, janky animations, and large bundle sizes in web interfaces, leading to a smoother and faster user experience.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and animation.
  • Optimization Strategies: Provides actionable steps for images, JavaScript, CSS, and network requests.
  • Core Web Vitals Improvement: Focuses on enhancing LCP, FID/INP, and CLS scores.
  • Use Case: A website's loading speed is impacting conversion rates. This Skill can analyze the site and provide specific recommendations to reduce load times by optimizing images and code splitting.

Quick Start

Use the optimize skill to improve the loading speed of the website.

Frequently Asked Questions about optimize

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

FAQPage Schema
How do I improve my website's Core Web Vitals scores for loading speed and rendering?▼

Improve Core Web Vitals by analyzing and resolving bottlenecks in LCP, FID/INP, and CLS scores. This Skill audits loading speed, rendering, and animations to provide actionable steps for optimizing images, JavaScript, CSS, and network requests.

What is the best way to reduce web bundle size and fix janky animations?▼

The best way to reduce web bundle size and fix janky animations is through systematic performance optimization. This Skill identifies bottlenecks in JavaScript execution and provides specific strategies like code splitting to ensure smoother user experiences.

How do I perform a performance audit on my web interface to find network bottlenecks?▼

Perform a performance audit by systematically analyzing your web interface's network requests and JavaScript execution. This Skill identifies specific bottlenecks across loading, rendering, and animations, offering actionable optimization techniques.

Can I use this Skill to optimize images and CSS for faster loading speed?▼

Yes, you can use this Skill to optimize images and CSS. It provides actionable steps for reducing load times by systematically targeting images, JavaScript, CSS, and network requests to resolve performance bottlenecks.

Why does my web development project have slow loading times impacting conversion rates?▼

Slow loading times impacting conversion rates are caused by bottlenecks in bundle size, network requests, and JavaScript execution. This Skill analyzes your website to provide specific recommendations for reducing load times through code splitting and image optimization.

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
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak

optimize

Diagnose and fix UI performance issues using Core Web Vitals measurements.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
Moliboy5000Moliboy5000

optimize

Analyze web performance bottlenecks and optimize Core Web Vitals metrics.

Community
Advanced