skills.rest
Moliboy5000
Moliboy5000COMMUNITY
Explore all skills by this author →
GitHub

optimize

Analyze web performance bottlenecks and optimize Core Web Vitals metrics.

Updated Mar 14, 2026
Search Tags:#performance#web development#frontend#optimization#rendering#animations#loading speed
One-click install
npx skills add https://github.com/Moliboy5000/.claude --skill optimize-moliboy5000
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/Moliboy5000/.claude/tree/main/plugins/cache/impeccable/impeccable/1.3.0/source/skills/optimize
Command: npx skills add https://github.com/Moliboy5000/.claude --skill optimize-moliboy5000

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 file sizes that degrade user experience and impact conversion rates.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks in loading, rendering, and animations.
  • 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 LCP is too high, causing users to abandon the page. This Skill analyzes the page, suggests optimizing the hero image and deferring non-critical JavaScript, leading to a faster, smoother experience.

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 Core Web Vitals scores like LCP and CLS for my website?▼

Improve Core Web Vitals by analyzing and addressing bottlenecks in LCP, FID/INP, and CLS. This involves optimizing hero images, deferring non-critical JavaScript, and minimizing layout shifts to create a faster, smoother user experience.

What's the best way to fix janky animations and slow rendering on a web interface?▼

Fix janky animations and slow rendering by utilizing GPU-accelerated animations and optimizing CSS delivery. Identifying rendering bottlenecks and applying these strategies ensures smoother visual performance and faster page responses.

How do I reduce large JavaScript bundle size and optimize network requests?▼

Reduce JavaScript bundle size and optimize network requests by applying code splitting and lazy loading. Analyzing JavaScript execution bottlenecks allows you to defer non-critical scripts and streamline asset delivery.

Can I optimize web performance by improving image delivery and compression?▼

Optimize web performance by analyzing image formats and applying image compression strategies. Addressing image delivery bottlenecks reduces file sizes and accelerates loading speed, which is critical for improving overall page load times.

Why does my frontend loading speed degrade user experience and impact conversion rates?▼

Frontend loading speed degrades user experience and impacts conversion rates due to large file sizes, slow rendering, and delayed network requests. Auditing these performance bottlenecks helps identify actionable steps to improve loading speed.

Related Skills

Explore More Software Engineering Skills→
jota-batutajota-batuta

performance-testing

Establish performance baselines and budgets for APIs and web applications.

Community
Advanced
puripong1stpuripong1st
1

optimize

Audit and optimize frontend performance by improving Core Web Vitals.

Community
Advanced
secondskysecondsky
204

web-performance-optimization

Apply code splitting, lazy loading, caching, and Core Web Vitals monitoring to web apps.

Community
Advanced
kollaboraikollaborai
1

performance-profiling

Profile Python applications with cProfile and pstats to identify performance bottlenecks.

Community
Advanced