skills.rest
gooftroop
gooftroopCOMMUNITY
Explore all skills by this author →
GitHub

perf-web-optimization

Optimize web performance by addressing Core Web Vitals and reducing bundle sizes.

Updated Mar 6, 2026
Search Tags:#caching#optimization#bundle size#lighthouse#web performance#core web vitals
One-click install
npx skills add https://github.com/gooftroop/Armoury --skill perf-web-optimization-gooftroop
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf-web-optimization
Source: https://github.com/gooftroop/Armoury/tree/main/.opencode/skills/perf-web-optimization
Command: npx skills add https://github.com/gooftroop/Armoury --skill perf-web-optimization-gooftroop

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website performance, ensuring a faster, smoother experience for users by optimizing Core Web Vitals, reducing bundle sizes, and improving loading times.

Core Features & Use Cases

  • Performance Auditing: Identifies bottlenecks affecting LCP, CLS, and INP.
  • Optimization Strategies: Provides actionable steps for image, font, and script optimization.
  • Bundle Analysis: Helps in identifying and reducing JavaScript bundle sizes.
  • Caching: Offers guidance on setting effective caching headers.
  • Use Case: When your Lighthouse performance score is low, or users complain about slow page loads, this Skill provides the exact steps to diagnose and fix the issues.

Quick Start

Optimize the web performance of the provided website URL by analyzing its Core Web Vitals and suggesting improvements.

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 my Lighthouse performance score and Core Web Vitals?▼

Improving Lighthouse performance scores requires optimizing Core Web Vitals like LCP, CLS, and INP by analyzing bottlenecks, reducing JavaScript bundle sizes, and implementing effective caching strategies for faster page loads.

How can I reduce JavaScript bundle size for web optimization?▼

Reducing JavaScript bundle size involves using bundle analysis to identify large dependencies and applying code splitting patterns. This breaks down payloads into smaller chunks for deterministic performance gains and faster loading times.

What are the best caching strategies for web performance optimization?▼

The best caching strategies for web performance involve setting effective caching headers to serve static assets efficiently. This reduces server load and improves loading times by ensuring returning users experience faster page rendering.

How do I fix a slow website loading time?▼

Fixing a slow website requires a performance audit to identify bottlenecks affecting Core Web Vitals. You can then apply optimization strategies for images, fonts, and scripts to ensure a smoother experience for users.

Does web performance optimization work without external dependencies?▼

Yes, web performance optimization can be applied without external dependencies. It utilizes analysis tools and code splitting patterns directly on your codebase to achieve deterministic performance gains and improve user experience.

What is the impact of INP on Core Web Vitals and how do I optimize it?▼

INP, or Interaction to Next Paint, measures responsiveness within Core Web Vitals. You optimize it by reducing JavaScript execution time, applying code splitting, and minimizing main thread blocking for smoother user interactions.

Related Skills

Explore More Software Engineering Skills→
mathemagiemathemagie

performance

Audit web pages with Lighthouse and fix performance bottlenecks.

Community
Intermediate
Gekkos-techGekkos-tech
4

core-web-vitals

Optimize LCP, INP, and CLS metrics for web pages.

Official
Intermediate
DaFumDaFum
1

perf-budget-enforcer

Enforce performance budgets for bundle size, load time, and FPS in CI builds.

Community
Intermediate
roanbrasilroanbrasil
5

web-performance

Diagnose slow page loads and Core Web Vitals issues in frontend workflows.

Community
Advanced