skills.rest
AreteDriver
AreteDriverCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-performance

Diagnoses website speed issues across Core Web Vitals, bundles, images, and caching.

4|1|Updated Jan 27, 2026
Search Tags:#caching#optimization#lighthouse#bundle analysis#web performance#core web vitals
One-click install
npx skills add https://github.com/AreteDriver/ai-skills --skill web-performance-aretedriver
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-performance
Source: https://github.com/AreteDriver/ai-skills/tree/main/personas/web/web-performance
Command: npx skills add https://github.com/AreteDriver/ai-skills --skill web-performance-aretedriver

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website loading times and poor user experience by diagnosing and optimizing various aspects of web performance.

Core Features & Use Cases

  • Core Web Vitals Optimization: Improve LCP, INP, and CLS scores.
  • Bundle Analysis: Reduce JavaScript and CSS bundle sizes.
  • Image Optimization: Implement efficient image formats and loading strategies.
  • Caching Strategies: Configure effective browser and CDN caching.
  • Use Case: A user wants to improve their website's Lighthouse score and reduce bounce rates caused by slow page loads.

Quick Start

Analyze the performance of the website at https://example.com using audit mode.

Frequently Asked Questions about web-performance

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

FAQPage Schema
How do I improve my website's Core Web Vitals and Lighthouse scores?▼

You can improve Core Web Vitals and Lighthouse scores by diagnosing speed issues across LCP, INP, and CLS metrics. This Skill analyzes resource delivery and render-blocking to provide specific fixes for poor website performance.

What is the best way to reduce JavaScript bundle size for web performance?▼

Reducing JavaScript bundle size requires analyzing your bundle to identify and eliminate unnecessary code. This Skill performs bundle analysis to minimize file sizes, ensuring efficient resource delivery and faster page loads.

How do I configure browser and CDN caching to reduce TTFB?▼

Configuring browser and CDN caching reduces Time to First Byte by storing resources closer to users. This Skill diagnoses ineffective caching mechanisms and implements strategies to ensure optimal resource delivery.

What strategies help optimize image loading for slow networks?▼

Optimizing image loading on slow networks involves implementing efficient image formats and loading strategies. This Skill diagnoses image loading issues to enhance user experience and minimize render-blocking.

Can I use this Skill to diagnose render-blocking resources on my website?▼

Yes, you can diagnose render-blocking resources by running an audit on your target URL. This Skill identifies bottlenecks in resource delivery and provides fixes to ensure minimal render-blocking for faster loading.

Why does my website load slowly even after implementing basic caching?▼

Slow website loading despite basic caching often stems from unoptimized bundle sizes or inefficient image loading. This Skill diagnoses speed issues across Core Web Vitals, images, and caching to identify remaining bottlenecks.

Related Skills

Explore More Software Engineering Skills→
RamonsDkaRamonsDka
1

perf-lighthouse

Run Lighthouse audits locally and extract scores, timings, and budgets from reports.

Community
Intermediate
achmfachmf

performance-profiling

Run Lighthouse audits to analyze Core Web Vitals and rendering bottlenecks.

Community
Intermediate
aalmadaaalmada
15

debug-cache

Diagnose HybridCache and Redis caching issues in .NET applications.

Community
Advanced
chambear2809chambear2809
36

splunk-appdynamics-synthetic-monitoring-setup

Render and validate AppDynamics Synthetic Monitoring workflows for Splunk environments.

Community
Advanced