skills.rest
wilfoz
wilfozCOMMUNITY
Explore all skills by this author →
GitHub

perf-web-optimization

Analyze web page performance and apply image, code splitting, and caching optimizations.

Updated May 6, 2026
Search Tags:#optimization#bundle size#lighthouse#web performance#page speed#loading times
One-click install
npx skills add https://github.com/wilfoz/plan_game --skill perf-web-optimization-wilfoz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-web-optimization
Source: https://github.com/wilfoz/plan_game/tree/main/.claude/skills/perf-web-optimization
Command: npx skills add https://github.com/wilfoz/plan_game --skill perf-web-optimization-wilfoz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It addresses web performance issues by optimizing load times, reducing bundle size, and improving user experience.

Core Features & Use Cases

  • Performance Analysis: Guiding users through effective assessment of site speed via tools and best practices.
  • Optimization Techniques: Implementing image formats, code splitting, caching, and font management to enhance loading efficiency.
  • Use Case: When a website loads slowly, use this Skill to identify bottlenecks, optimize assets, and improve Lighthouse scores for a better user experience.

Quick Start

Use the perf-web-optimization skill to analyze your webpage and receive actionable recommendations to improve its speed and performance.

Frequently Asked Questions about perf-web-optimization

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

FAQPage Schema
How do I improve web page speed and reduce loading times?▼

Reduce bundle size and improve page speed by applying image handling, code splitting, caching, and resource loading techniques. This systematically identifies bottlenecks to enhance loading efficiency.

What is the best way to identify bottlenecks affecting my website performance?▼

Conduct a performance analysis using assessment tools and best practices to evaluate site speed. This identifies bottlenecks affecting your website to guide targeted optimization improvements.

How do I increase Lighthouse scores for a slow loading website?▼

Implement image handling, code splitting, caching, and font management to meet performance benchmarks. These optimizations enhance loading efficiency and directly increase Lighthouse scores for slow websites.

Can I use code splitting and caching to optimize resource loading?▼

Yes, code splitting and caching optimize resource loading by managing assets efficiently. Combined with image handling and font management, they reduce bundle size and enhance loading efficiency.

Does web performance optimization work for reducing bundle size on any site?▼

Web performance optimization suits developers and site administrators seeking measurable improvements on any site. It systematically applies asset and loading techniques to reduce bundle size and improve responsiveness.

Related Skills

Explore More Software Engineering Skills→
garrytangarrytan
127.1k

benchmark

Compare webpage load times and web vitals across versions using JavaScript evaluations.

Community
Intermediate
TheGoat395TheGoat395
117

performance-budget-lab

Automate website performance audits against budgeted metrics using Lighthouse.

Community
Intermediate
cenjiecenjie

react-vite-best-practices

Optimize React and Vite builds by tuning configuration and chunking.

Community
Advanced
yarangyarang

moai-workflow-jit-docs

Load and cache project documentation from local, official, and community sources.

Community
Advanced