performance-auditing

Automate website performance audits with Lighthouse and Core Web Vitals tracking.

2|Updated Apr 9, 2025

Search Tags:#bundle analysis #Lighthouse #image optimization #Core Web Vitals #font optimization #performance auditing

Ready to run

npx skills add https://github.com/PP-Namias/Portfolio --skill performance-auditing-pp-namias

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: performance-auditing
Source: https://github.com/PP-Namias/Portfolio/tree/main/.agents/skills/performance-auditing
Command: npx skills add https://github.com/PP-Namias/Portfolio --skill performance-auditing-pp-namias

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lighthouse, next.js, swr, web-vitals, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps identify and resolve performance bottlenecks in web applications, ensuring fast load times and a smooth user experience.

Core Features & Use Cases

Lighthouse Audits: Perform comprehensive performance audits using Lighthouse.
Bundle Analysis: Analyze and optimize JavaScript bundle size.
Image Optimization: Optimize images for faster loading.
Font Optimization: Optimize font loading for better performance.
Core Web Vitals Tracking: Monitor key performance metrics like LCP, CLS, and FCP.
Performance Monitoring Setup: Set up performance budgets and alerts.
Use Case: For a developer looking to improve the performance of a web application, this Skill can help identify slow-loading pages, optimize assets, and ensure the application meets performance standards.

Quick Start

Run the performance-auditing skill to get a detailed performance report for your website.

Frequently Asked Questions about performance-auditing

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

FAQPage Schema

How do I optimize JavaScript bundle size in a Next.js application?▼

This Skill performs Lighthouse audits to identify slow-loading pages and optimize assets like images and fonts. It resolves performance bottlenecks in web applications, ensuring fast load times and a smooth user experience.

Can I track Core Web Vitals metrics like LCP and CLS automatically?▼

Yes, you can track Core Web Vitals automatically using this Skill. It monitors key performance metrics including LCP, CLS, and FCP, allowing you to ensure your web application meets performance standards and maintains a smooth user experience.

Does this performance auditing skill work with Next.js and SWR?▼

Yes, this performance auditing skill works with Next.js and SWR. It integrates Lighthouse and web-vitals dependencies to analyze and optimize your web development workflow, enhancing website speed and user experience within your existing stack.

What is the best way to optimize font loading and images for faster website speed?▼

The best way to optimize font loading and images is using this Skill's dedicated optimization features. It analyzes your assets and applies font and image optimization techniques to ensure faster loading times and improved Core Web Vitals performance.

How do I set up performance budgets and alerts for a web application?▼

Set up performance budgets and alerts by running this Skill to configure monitoring for your web application. It establishes performance thresholds and tracks Core Web Vitals, alerting you to regressions in load times or user experience metrics.