skills.rest
wearemssatoshi
wearemssatoshiCOMMUNITY
Explore all skills by this author →
𝕏@wearems_satoshiGitHub

web-performance-optimization

Analyzes website speed, Core Web Vitals, and bundle sizes to identify and resolve bottlenecks.

Updated Aug 23, 2026
Search Tags:#performance#web vitals#optimization#bundle size#lighthouse#loading speed
One-click install
npx skills add https://github.com/wearemssatoshi/talent-intelligence-calculator2 --skill web-performance-optimization-wearemssatoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance-optimization
Source: https://github.com/wearemssatoshi/talent-intelligence-calculator2/tree/main/.agent/skills/web-performance-optimization
Command: npx skills add https://github.com/wearemssatoshi/talent-intelligence-calculator2 --skill web-performance-optimization-wearemssatoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses slow website loading times and poor user experience by providing systematic methods to analyze, identify, and resolve performance bottlenecks.

Core Features & Use Cases

  • Performance Auditing: Utilizes tools like Lighthouse to measure key metrics (LCP, FID, CLS).
  • Bottleneck Identification: Pinpoints issues such as large assets, render-blocking resources, and unoptimized code.
  • Optimization Strategies: Offers actionable steps for image optimization, code splitting, caching, and more.
  • Use Case: Improve your website's Core Web Vitals score to enhance SEO and user engagement by implementing the recommended optimizations.

Quick Start

Use the web-performance-optimization skill to analyze the current performance of your website 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 improve Core Web Vitals scores for my website?▼

Improve Core Web Vitals by measuring LCP, FID, and CLS metrics with Lighthouse to identify large assets and render-blocking resources. This process pinpoints performance bottlenecks and provides actionable steps to resolve loading speed issues.

What is the best way to reduce web bundle size and optimize loading speed?▼

Reduce web bundle size and optimize loading speed by implementing code splitting, image optimization, and caching strategies. This approach minimizes large assets and unoptimized code that slow down website performance.

How do I identify render-blocking resources causing slow server response times?▼

Identify render-blocking resources and slow server response times by running performance audits that analyze the critical rendering path. This reveals specific bottlenecks like large assets preventing optimal page loading.

Can I use Lighthouse to audit loading speed and find performance bottlenecks?▼

Lighthouse can audit loading speed to measure key performance metrics and find bottlenecks. It systematically analyzes the critical rendering path and identifies unoptimized code affecting user experience.

Why does my website have poor loading speed and how do I fix it?▼

Poor loading speed stems from large assets, render-blocking resources, and unoptimized code. Fix it by applying critical rendering path optimization, code splitting, image optimization, and caching strategies.

Related Skills

Explore More Software Engineering Skills→
GrupoUSGrupoUS
1

performance-profiling

Analyze web performance with Lighthouse audits for Core Web Vitals metrics.

Community
Intermediate
JoniSirvioJoniSirvio

optimize

Measure Core Web Vitals and implement targeted optimizations for web and mobile interfaces.

Community
Advanced
damacusdamacus
2

performance

Audit web pages with Lighthouse and optimize Core Web Vitals.

Community
Advanced
HouseofmvpsHouseofmvps
115

perf-audit

Automate Lighthouse website performance audits and apply remediation fixes.

Community
Intermediate