web-performance-optimization

Measure Core Web Vitals and optimize bundle sizes with caching strategies.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/ultramaxoAI/UltramaxoAI --skill web-performance-optimization-ultramaxoai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-performance-optimization
Source: https://github.com/ultramaxoAI/UltramaxoAI/tree/main/.agent/skills/web-performance-optimization
Command: npx skills add https://github.com/ultramaxoAI/UltramaxoAI --skill web-performance-optimization-ultramaxoai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps developers systematically optimize website performance by measuring loading speed, Core Web Vitals, and bundle size, delivering a repeatable playbook to improve user experience.

Core Features & Use Cases

  • Baseline measurement and audits using Lighthouse and real-user metrics to establish performance targets.
  • Optimization techniques including code-splitting, image optimization, caching strategies, and lazy loading for faster render.
  • Use Case: Improve LCP on content-heavy pages, reduce TTI, and maintain stable CLS across devices.

Quick Start

Run a baseline Lighthouse audit on your site and begin applying 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 for a content-heavy website?

Improve Core Web Vitals by running a baseline Lighthouse audit to establish targets, then apply code-splitting, image optimization, and lazy loading to reduce LCP and maintain stable CLS across devices.

What is the best way to reduce website bundle size using code-splitting?

The best way to reduce bundle size is applying code-splitting techniques to divide your JavaScript payloads, combined with lazy loading strategies to defer non-critical resources until they are needed.

How does lazy loading affect website performance and Time to Interactive?

Lazy loading improves website performance by deferring the loading of non-essential resources, which directly reduces Time to Interactive and speeds up the initial render of dynamic and static sites.

Can I use Lighthouse audits to measure performance for both static and dynamic sites?

Yes, you can use Lighthouse audits to measure performance for both static and dynamic sites, establishing a baseline measurement to guide the prioritization and implementation of caching strategies and optimizations.

What caching strategies should I implement for web performance optimization?

Implement caching strategies as part of a systematic performance optimization playbook, using baseline audit metrics to prioritize which static assets and dynamic content responses require caching for faster, reliable experiences.

Why does my Cumulative Layout Shift score fluctuate across different devices?

Cumulative Layout Shift fluctuates due to inconsistent image dimensions and dynamic content loading, requiring systematic image optimization and lazy loading implementation to maintain stable CLS across all devices.