skills.rest
mathemagie
mathemagieCOMMUNITY
Explore all skills by this author →
Website𝕏@mathemagieGitHub

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
One-click install
npx skills add https://github.com/mathemagie/mathemagie.github.io --skill performance-mathemagie
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
chiruu12chiruu12
1

benchmark

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

Community
Advanced
junaid-ali-rukjunaid-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
jvm-skillsjvm-skills
135

performance

Identify and fix web performance bottlenecks in single-page and multi-page sites.

Official
Advanced
gensart-projsgensart-projs

performance-profiling

Measure Lighthouse scores and core web vitals to identify performance bottlenecks.

Community
Intermediate