skills.rest
guillermoscript
guillermoscriptCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

optimize

Analyzes web page loads and recommends optimizations for faster performance.

21|16|Updated Jul 12, 2023
Search Tags:#performance#web vitals#optimization#bundle size#rendering#loading speed
One-click install
npx skills add https://github.com/guillermoscript/lms-front --skill optimize-guillermoscript
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: optimize
Source: https://github.com/guillermoscript/lms-front/tree/main/.agents/skills/optimize
Command: npx skills add https://github.com/guillermoscript/lms-front --skill optimize-guillermoscript

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

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 LCP is over 3 seconds. This Skill can analyze the page, suggest optimizing the hero image and inlining critical CSS, leading to a faster perceived load time.

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 for a slow loading website?▼

Improving Core Web Vitals requires systematic measurement of loading speed, rendering, and animations. This Skill identifies bottlenecks in LCP, FID/INP, and CLS metrics, then suggests optimization strategies for images, JavaScript, and CSS.

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

Reducing web bundle size and fixing janky animations requires performance auditing to identify bottlenecks. This Skill provides actionable optimization strategies for JavaScript, CSS, and network requests to improve rendering and loading speed.

Can I use performance optimization strategies to fix an LCP over 3 seconds?▼

Yes, you can fix an LCP over 3 seconds by applying performance optimization strategies. This Skill analyzes the page and suggests optimizing the hero image and inlining critical CSS to achieve a faster perceived load time.

Does web performance auditing require systematic measurement and monitoring tools?▼

Yes, web performance auditing requires systematic measurement and performance monitoring tools. This Skill uses them to identify bottlenecks in loading speed, rendering, and animations across your user interface.

Why does network efficiency impact rendering and loading speed?▼

Network efficiency impacts loading speed because slow network requests delay asset delivery. This Skill addresses network efficiency bottlenecks and provides optimization strategies for images, JavaScript, and CSS to enhance overall web performance.

Related Skills

Explore More Software Engineering Skills→
oriysoriys

optimize

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

Community
Advanced
rattamnoonrattamnoon

optimize

Diagnose and fix UI performance issues in web applications.

Community
Advanced
djankiesdjankies

code-splitting

Implement React 19 code splitting with lazy() and Suspense.

Community
Intermediate
armanzeroeightarmanzeroeight
29

ssr-ssg-advisor

Advise on Next.js rendering strategies for SSR, SSG, ISR, and CSR.

Community
Intermediate