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

Ready to run

npx skills add https://github.com/guillermoscript/lms-front --skill optimize-guillermoscript

💬 Prompt for ChatGPT / Claude Chat▼

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.