performance

Analyze websites with Lighthouse audits to identify Core Web Vitals bottlenecks.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/chapter42/42-SEO-Skills --skill performance-chapter42
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/chapter42/42-SEO-Skills/tree/main/skills/references/web-quality/performance
Command: npx skills add https://github.com/chapter42/42-SEO-Skills --skill performance-chapter42

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimize web performance to deliver faster loading times and a smoother user experience by identifying bottlenecks and providing actionable improvements.

Core Features & Use Cases

  • Performance budgeting and Lighthouse-based analysis to target critical issues affecting Core Web Vitals.
  • Concrete optimizations for HTML, CSS, JavaScript, images, and caching to reduce load times and improve FCP/LCP/TBT.
  • Use Case: Imagine a landing page that loads slowly; apply optimizations to reduce TTFB, improve LCP, and lower CLS, delivering a snappier experience.

Quick Start

Ask me to run a Lighthouse audit on a URL and apply the recommended performance optimizations.

Frequently Asked Questions about performance

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

FAQPage Schema
How do I improve Core Web Vitals for a slow loading website?

Improve Core Web Vitals by running a Lighthouse-based analysis to identify bottlenecks, then applying targeted fixes like image optimization, lazy loading, and caching strategies to reduce load times and improve FCP, LCP, and CLS scores.

What is the best way to reduce LCP and TBT on a front-end web page?

Reduce LCP and TBT by implementing performance budgets and applying concrete HTML, CSS, and JavaScript tweaks, such as code-splitting and minimizing render-blocking resources, to achieve measurable loading speed and interactivity gains.

How do I run a Lighthouse audit and apply performance optimizations?

Run a Lighthouse audit by providing a URL for analysis, which generates actionable recommendations to address critical web performance issues, followed by applying suggested code-splitting, caching, and image optimizations to deliver a snappier user experience.

Can I set performance budgets to prevent front-end web performance regressions?

Yes, you can set performance budgets as part of the Lighthouse-based analysis to proactively target critical issues affecting Core Web Vitals and enforce thresholds for loading speed, interactivity, and visual stability.

Why does my landing page have a high CLS and how can I fix it?

A high CLS indicates visual instability caused by shifting page elements; fix it by applying actionable optimizations like setting dimensions for media assets and implementing lazy loading strategies to improve visual stability.

What specific code tweaks help lower TTFB and speed up site load time?

Lower TTFB and speed up load time by applying suggested HTML, CSS, and JavaScript optimizations alongside caching strategies, which reduce server response delays and streamline resource delivery for faster page rendering.