performance

Analyze Lighthouse audits and generate web performance optimization code examples.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/adrigonz-sfts/softour-fe-components__module --skill performance-adrigonz-sfts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/adrigonz-sfts/softour-fe-components__module/tree/main/.cursor/skills/performance
Command: npx skills add https://github.com/adrigonz-sfts/softour-fe-components__module --skill performance-adrigonz-sfts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses slow website loading times and inefficient resource usage, directly impacting user experience and search engine rankings.

Core Features & Use Cases

  • Performance Auditing: Analyzes web pages using Lighthouse principles to identify bottlenecks.
  • Optimization Strategies: Provides actionable code examples for critical rendering path, JavaScript, CSS, image, and font optimization.
  • Performance Budgeting: Defines clear targets for resource sizes and load times.
  • Use Case: Improve your site's Core Web Vitals scores by implementing the provided code snippets for lazy loading images and deferring non-critical JavaScript.

Quick Start

Optimize the performance of the provided website URL by applying the recommended strategies.

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 scores using Lighthouse audits?

Improve Core Web Vitals by analyzing loading speed and resource utilization through Lighthouse audits, then applying specific code examples to optimize JavaScript, CSS, images, and fonts. This process targets metrics like TTFB, LCP, and FCP.

What is the best way to optimize the critical rendering path for web speed?

Optimize the critical rendering path by deferring non-critical JavaScript and implementing lazy loading for images. This reduces runtime inefficiencies and directly improves loading metrics like TBT and TTI.

How do I define a performance budget for my web application?

Define a performance budget by setting clear targets for resource sizes and load times. This establishes strict constraints on resource utilization, ensuring your web application maintains optimal runtime efficiency.

Can I get actionable code examples for optimizing CSS and fonts?

Yes, you can receive specific code examples for CSS and font optimization. These snippets provide actionable strategies to reduce resource overhead and improve your overall loading speed.

Why does slow loading speed impact search engine rankings?

Slow loading speed negatively impacts search engine rankings because it degrades user experience. Search engines prioritize fast-loading pages, making web performance optimization essential for maintaining visibility.

Web performance optimization not yielding results for TBT and TTI metrics?

Address TBT and TTI bottlenecks by analyzing runtime efficiency and deferring non-critical JavaScript. Lighthouse audits identify specific resource utilization issues preventing your loading speed targets from being met.