performance

Audit web pages with Lighthouse and fix performance bottlenecks.

1|Updated Dec 18, 2015

Search Tags:#performance #optimization #lighthouse #web #loading #core-web-vitals

Ready to run

npx skills add https://github.com/mathemagie/mathemagie.github.io --skill performance-mathemagie

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance
Source: https://github.com/mathemagie/mathemagie.github.io/tree/main/bidouille/3615_terre/.agents/skills/performance
Command: npx skills add https://github.com/mathemagie/mathemagie.github.io --skill performance-mathemagie

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance issues cause slow loading, jank, and poor user experience. This Skill offers a structured approach to diagnose and optimize web performance.

Core Features & Use Cases

Lighthouse-guided audits to identify bottlenecks in loading, scripting, and rendering.
Resource optimization strategies for CSS, JavaScript, images, and fonts.
Performance budget & measurement to track improvements with before/after metrics.
Use Case: When a site suffers from long TTFB or slow LCP, apply these techniques to reduce page weight and improve Core Web Vitals.

Quick Start

Run Lighthouse audits on the target page, implement the suggested optimizations, and remeasure Core Web Vitals

Frequently Asked Questions about performance

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

FAQPage Schema

How do I fix slow Core Web Vitals and high LCP on my website?▼

To fix slow Core Web Vitals like high LCP, run Lighthouse audits to identify rendering and loading bottlenecks, then apply resource optimization patterns for CSS, JavaScript, and images. Validate improvements using before and after metrics.

What is the best way to diagnose web performance bottlenecks?▼

The best way to diagnose web performance bottlenecks is conducting Lighthouse-guided audits on the target page to identify issues in loading, scripting, and rendering. This structured approach reveals exactly what causes slow load times and jank.

How do I optimize website loading speed for better performance?▼

Optimize website loading speed by applying resource optimization strategies for CSS, JavaScript, images, and fonts. Establish a performance budget to reduce overall page weight and remeasure Core Web Vitals to validate the speed improvements.

Can I use Lighthouse audits to improve runtime performance across all devices?▼

Yes, you can use Lighthouse audits to improve runtime performance across devices. The audit identifies bottlenecks in scripting and rendering, allowing you to apply optimization patterns that ensure smoother interactivity and faster load times.

Why does my website have a long TTFB and how can I reduce it?▼

A long TTFB indicates server or resource loading delays. Reduce TTFB and improve Core Web Vitals by applying targeted resource optimization strategies to minimize page weight, following a structured Lighthouse audit to pinpoint the exact bottlenecks.

chiruu12

benchmark

Automate web page performance benchmarking to detect regressions in load times and Core Web Vitals.

Community

Advanced

junaid-ali-ruk

performance

Aids in locating bottlenecks in web applications through Lighthouse-driven analysis and provides prioritized Code improvement recommendations and fixes for them.

Community

Advanced