Performance Optimization

Optimize frontend performance with Core Web Vitals, lazy loading, and code splitting.

Updated Feb 18, 2026
One-click install
npx skills add https://github.com/SamuelSaha/Reqflow --skill performance-optimization-samuelsaha
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Performance Optimization
Source: https://github.com/SamuelSaha/Reqflow/tree/main/SWARM/skills/frontend/performance-optimization
Command: npx skills add https://github.com/SamuelSaha/Reqflow --skill performance-optimization-samuelsaha

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the critical need for optimizing frontend performance to ensure fast loading times, smooth interactions, and a positive user experience across all devices.

Core Features & Use Cases

  • Core Web Vitals Optimization: Achieve target scores for LCP, FID, and CLS.
  • Lazy Loading: Implement efficient loading of images and components.
  • Code Splitting: Reduce initial bundle sizes by splitting code strategically.
  • Image Optimization: Utilize modern formats and responsive techniques.
  • Bundle Analysis: Identify and reduce JavaScript and CSS bloat.
  • Use Case: Improve your website's Lighthouse performance score to over 90 by applying these optimization techniques, leading to higher user engagement and better SEO rankings.

Quick Start

Apply performance-optimization skill for 90+ Lighthouse scores.

Frequently Asked Questions about Performance Optimization

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

FAQPage Schema
How do I improve my website's Lighthouse performance score to over 90?

To improve your Lighthouse score to over 90, apply frontend optimization techniques like Core Web Vitals implementation, lazy loading, code splitting, and image optimization to reduce load times and JavaScript bloat.

What is the best way to achieve sub-second LCP and zero CLS for web applications?

The best way to achieve sub-second LCP and zero CLS is by optimizing frontend performance through Core Web Vitals targeting, efficient lazy loading of components, and modern image optimization formats.

How does code splitting reduce initial bundle sizes in frontend optimization?

Code splitting reduces initial bundle sizes by strategically dividing JavaScript code into smaller chunks, which are loaded on demand rather than all at once during the initial page load.

Do I need to understand Vite or Webpack to optimize frontend performance?

Yes, you need to understand build tools like Vite or Webpack to optimize frontend performance, as they are required for implementing advanced techniques like code splitting and bundle analysis.

Why does bundle analysis help with frontend performance optimization?

Bundle analysis helps with frontend performance optimization by identifying and reducing JavaScript and CSS bloat, allowing you to target unnecessary dependencies that slow down web vitals and loading times.