web-performance-optimization

Analyze website loading speed, Core Web Vitals, and bundle size.

3|Updated Jan 28, 2026
One-click install
npx skills add https://github.com/JohnMarkCapones/Aralify --skill web-performance-optimization-johnmarkcapones
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-performance-optimization
Source: https://github.com/JohnMarkCapones/Aralify/tree/main/.cursor/skills/web-performance-optimization
Command: npx skills add https://github.com/JohnMarkCapones/Aralify --skill web-performance-optimization-johnmarkcapones

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers identify and fix performance bottlenecks in websites and web applications, leading to faster load times, better user engagement, and improved SEO.

Core Features & Use Cases

  • Performance Auditing: Analyze loading speed, Core Web Vitals (LCP, FID, CLS), and bundle sizes.
  • Optimization Strategies: Implement techniques like code splitting, image optimization, and caching.
  • Use Case: A slow-loading e-commerce site is losing customers. Use this Skill to diagnose why, optimize images and JavaScript, and significantly improve the conversion rate.

Quick Start

Use the web-performance-optimization skill to analyze the current performance of 'https://example.com' and suggest improvements.

Frequently Asked Questions about web-performance-optimization

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

FAQPage Schema
How do I optimize Core Web Vitals like LCP and CLS for my website?

To optimize Core Web Vitals like LCP and CLS, analyze loading speed and render-blocking resources, then implement techniques like image optimization and code splitting to improve runtime performance and SEO.

What's the best way to reduce bundle size and improve loading speed?

The best way to reduce bundle size and improve loading speed involves analyzing your assets and applying strategies like code splitting, caching, and image optimization to eliminate large JavaScript files and render-blocking resources.

Why does my web application have slow loading times and large assets?

Slow loading times and large assets in web applications are typically caused by unoptimized images, excessive bundle sizes, and render-blocking resources, which can be diagnosed through a systematic performance audit.

Can I use Lighthouse auditing to fix render-blocking resources?

Yes, you can use Lighthouse auditing to systematically measure and identify render-blocking resources, then apply caching strategies and code splitting to resolve loading speed bottlenecks and improve user experience.

How do I perform a systematic performance audit for an e-commerce site?

Performing a systematic performance audit for an e-commerce site requires analyzing loading speed, Core Web Vitals, and bundle size, then implementing caching and image optimization to prevent customer loss from slow page loads.