performance

Analyze Lighthouse metrics and provide code examples for web performance optimization.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/wearemssatoshi/talent-intelligence-calculator2 --skill performance-wearemssatoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/wearemssatoshi/talent-intelligence-calculator2/tree/main/.agent/skills/performance
Command: npx skills add https://github.com/wearemssatoshi/talent-intelligence-calculator2 --skill performance-wearemssatoshi

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

  • Performance Audits: Analyzes sites using Lighthouse metrics to pinpoint issues.
  • Optimization Strategies: Provides actionable code examples for critical rendering path, image, font, and caching improvements.
  • Runtime Efficiency: Offers techniques to reduce JavaScript execution time and avoid layout shifts.
  • Use Case: When a user says "my website is too slow," this skill will provide a comprehensive plan to improve its speed, focusing on metrics like LCP, FCP, and TBT.

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 loading speed and Core Web Vitals?

To improve website loading speed, you can optimize the critical rendering path, compress resources, and implement code splitting. Addressing Core Web Vitals like LCP and FCP reduces loading bottlenecks and enhances user experience.

What is the best way to reduce JavaScript execution time and avoid layout shifts?

Reducing JavaScript execution time involves code splitting and optimizing runtime efficiency to minimize blocking. Avoiding layout shifts requires careful resource loading and font loading strategies to maintain visual stability.

How do I optimize images and fonts to boost web speed?

Optimize images and fonts to boost web speed by adopting modern image formats and implementing specific font loading strategies. These optimizations reduce payload size and prevent rendering delays during page load.

Can I audit my site using Lighthouse metrics to pinpoint performance bottlenecks?

Yes, you can audit your site using Lighthouse metrics to pinpoint performance bottlenecks. The audit analyzes critical rendering paths and resource loading to provide specific code examples for speed improvements.

Why does my website have a slow TTFB and how can I fix it?

A slow TTFB is typically caused by server processing delays or inefficient caching. Fix it by implementing effective caching strategies and applying resource compression to speed up the initial response.

Does this approach work for optimizing the critical rendering path without external dependencies?

Yes, this approach works without external dependencies. Optimization of the critical rendering path is achieved by analyzing bottlenecks and providing specific code examples for resource loading and runtime efficiency directly.