performance

Analyze web performance bottlenecks and optimize loading speed and resource utilization.

1|Updated Dec 30, 2025
One-click install
npx skills add https://github.com/statick88/dotfiles --skill performance-statick88
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/statick88/dotfiles/tree/main/opencode/.agents/skills/performance
Command: npx skills add https://github.com/statick88/dotfiles --skill performance-statick88

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 identifying and resolving performance bottlenecks.

Core Features & Use Cases

  • Bottleneck Identification: Pinpoints issues in code, assets, and server response times.
  • Optimization Strategies: Provides actionable code examples and best practices for critical rendering path, resource loading, image optimization, and more.
  • Use Case: A user wants to improve their website's Lighthouse score. This Skill can analyze the site and suggest specific changes to reduce the Largest Contentful Paint (LCP) and improve overall page speed.

Quick Start

Use the performance skill to audit and optimize the loading speed of the provided website URL.

Frequently Asked Questions about 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 score?

You can improve Core Web Vitals and Lighthouse scores by analyzing resource loading bottlenecks, optimizing the critical rendering path, and applying performance budgets to reduce Largest Contentful Paint times.

What is the best way to optimize website loading speed and reduce LCP?

The best way to optimize website loading speed and reduce LCP is to resolve resource loading bottlenecks, streamline the critical rendering path, and implement effective caching and font loading strategies.

Why does my web page load slowly despite optimized images?

Slow web page loading can persist due to unoptimized JavaScript execution, render-blocking third-party scripts, or inefficient server response times, requiring comprehensive runtime efficiency and resource utilization analysis.

Do I need to set performance budgets to optimize web speed?

Yes, establishing performance budgets is required to effectively optimize web speed, ensuring resource loading, JavaScript execution, and third-party script management adhere to your specific Core Web Vitals targets.

Can I analyze third-party script impact on runtime efficiency?

Yes, you can analyze third-party script impact on runtime efficiency by evaluating resource utilization and loading bottlenecks, allowing you to manage and resolve scripts that block the critical rendering path.