skills.rest
AzamCodes
AzamCodesCOMMUNITY
Explore all skills by this author →
Website𝕏@AzamCodesGitHub

web-performance-optimization

Measure and optimize Lighthouse metrics, code splitting, and caching for web performance.

Updated Jan 29, 2026
Search Tags:#caching#lighthouse#web-performance#code-splitting#image-optimization#core-web-vitals#performance-optimization
One-click install
npx skills add https://github.com/AzamCodes/motosafe --skill web-performance-optimization-azamcodes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance-optimization
Source: https://github.com/AzamCodes/motosafe/tree/main/.agents/skills/web-performance-optimization
Command: npx skills add https://github.com/AzamCodes/motosafe --skill web-performance-optimization-azamcodes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify and fix performance bottlenecks to improve loading speed, Core Web Vitals, and user experience.

Core Features & Use Cases

  • Measure and optimize Lighthouse metrics (LCP, FID, CLS)
  • Implement code splitting, lazy loading, and image optimization
  • Improve caching, asset delivery, and runtime performance

Quick Start

Run a Lighthouse audit and apply the recommended performance optimizations.

Frequently Asked Questions about web-performance-optimization

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

FAQPage Schema
How do I improve Core Web Vitals like LCP, FID, and CLS for my web app?▼

Improve Core Web Vitals by running a Lighthouse audit to measure LCP, FID, and CLS, then systematically apply code splitting, lazy loading, image optimization, and caching to reduce load times across modern SPAs and multi-page apps.

What's the best way to reduce large JavaScript bundle sizes in a single page application?▼

Reduce large JavaScript bundle sizes by implementing code splitting and lazy loading to defer non-critical assets, which directly optimizes runtime performance and improves overall web performance metrics.

How does image optimization affect website performance and loading speed?▼

Image optimization improves website performance by reducing asset payload sizes, which directly decreases Largest Contentful Paint (LCP) load times and enhances the user experience across various devices and networks.

Can I use Lighthouse to measure and validate performance optimizations for my website?▼

Yes, you use Lighthouse to measure baseline performance metrics, apply recommended caching and asset delivery optimizations, and then run subsequent Lighthouse audits to validate improvements in load times and Core Web Vitals.

Do I need to implement caching and code splitting for both SPAs and multi-page apps?▼

Yes, implementing caching and code splitting benefits both SPAs and multi-page apps by systematically reducing asset delivery times and improving runtime performance across all devices and network conditions.

Related Skills

Explore More Software Engineering Skills→
keshavraj936keshavraj936

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals for web performance.

Community
Intermediate
HieubkavHieubkav

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Community
Advanced
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
PatternsDevPatternsDev
235

react-server-components

Server-render React components to reduce client-side JavaScript in Next.js App Router.

Official
Intermediate