skills.rest
LuisSambrano
LuisSambranoCOMMUNITY
Explore all skills by this author →
𝕏@luissambrano_uxGitHub

web-perf

Analyze website performance with Lighthouse, WebPageTest, and Chrome DevTools.

7|2|Updated Jan 28, 2026
Search Tags:#caching#optimization#bundle size#web performance#seo#core web vitals#loading speed
One-click install
npx skills add https://github.com/LuisSambrano/antigravity-config --skill web-perf-luissambrano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/LuisSambrano/antigravity-config/tree/main/skills/3-web/web-perf
Command: npx skills add https://github.com/LuisSambrano/antigravity-config --skill web-perf-luissambrano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses slow-loading websites and web applications by systematically optimizing performance, improving user experience, and boosting SEO.

Core Features & Use Cases

  • Performance Auditing: Measure and identify bottlenecks using tools like Lighthouse.
  • Core Web Vitals Optimization: Improve LCP, FID, and CLS scores.
  • Bundle Size Reduction: Techniques for code splitting, lazy loading, and dependency optimization.
  • Image Optimization: Convert to modern formats, implement responsive images, and lazy load.
  • Caching Strategies: Implement effective caching for assets and API responses.
  • Use Case: A developer notices their e-commerce site has a high bounce rate due to slow loading times. They use this skill to analyze performance, optimize images and JavaScript bundles, and implement better caching, resulting in faster load times and improved conversion rates.

Quick Start

Use the web-perf skill to analyze the performance of the website at https://example.com and suggest optimizations.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I improve Core Web Vitals scores for my website?▼

Improve Core Web Vitals by measuring LCP, FID, and CLS using diagnostic tools like Lighthouse and Chrome DevTools, then applying image optimization, code splitting, and caching strategies to enhance loading speed and runtime performance.

What's the best way to reduce JavaScript bundle size in a web application?▼

Reduce JavaScript bundle size by applying code splitting, lazy loading, and dependency optimization techniques, which systematically eliminate unused code and decrease the initial loading payload for better web performance.

How do I diagnose slow loading speed on my e-commerce site?▼

Diagnose slow loading speed by auditing the site with Lighthouse, WebPageTest, and Chrome DevTools to identify bottlenecks in asset delivery, runtime performance, and API responses before applying targeted optimizations.

What caching strategies should I implement to optimize web performance?▼

Implement caching strategies by configuring effective cache policies for static assets and API responses, which minimizes redundant network requests and significantly improves repeat visit loading speed and overall web performance.

Does web performance optimization require specific tools to measure results?▼

Web performance optimization requires diagnostic tools like Lighthouse, WebPageTest, and Chrome DevTools to accurately measure loading speed, identify runtime bottlenecks, and validate the impact of applied caching and bundle size reductions.

Why does my website have a high bounce rate despite having good content?▼

A high bounce rate often stems from poor web performance and low loading speed, which you can diagnose using Lighthouse to identify Core Web Vitals issues, then fix through image optimization and bundle size reduction.

Related Skills

Explore More Software Engineering Skills→
dogeareddogeared

benchmark

Collect navigation timing metrics and resource usage to benchmark web application performance.

Community
Advanced
racciolyraccioly

performance-profiling

Run Lighthouse audits and analyze Core Web Vitals to identify performance bottlenecks.

Community
Advanced
HieubkavHieubkav

web-performance-audit

Measure Core Web Vitals and identify web performance bottlenecks.

Community
Advanced
HollowvynHollowvyn

server-side-rendering

Generate complete HTML on the server for React applications.

Official
Intermediate