performance-audit-websites

Audit website performance metrics including Core Web Vitals, LCP, INP, and CLS.

117|46|Updated Jun 21, 2026
One-click install
npx skills add https://github.com/TheGoat395/Codex-Skills --skill performance-audit-websites
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: performance-audit-websites
Source: https://github.com/TheGoat395/Codex-Skills/tree/main/skills/performance-audit-websites
Command: npx skills add https://github.com/TheGoat395/Codex-Skills --skill performance-audit-websites

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of maintaining high performance for premium websites, ensuring Core Web Vitals, LCP, and other performance metrics meet user expectations.

Core Features & Use Cases

  • Performance Auditing: Conduct in-depth performance audits for websites.
  • Core Web Vitals Checks: Evaluate LCP, INP, CLS, and other vital performance metrics.
  • Asset Optimization: Analyze bundle and asset weight, image/video loading, and font loading performance.
  • Runtime Cost Analysis: Assess animation cost, hydration cost, and production-readiness performance.
  • Use Case: Before launching a new website, use this Skill to review performance and identify the highest-impact improvements.

Quick Start

Run the performance-audit-websites skill to audit your website's performance.

Frequently Asked Questions about performance-audit-websites

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

FAQPage Schema
How do I audit my website's Core Web Vitals before launch?

A performance audit evaluates Core Web Vitals including LCP, INP, and CLS to identify bottlenecks and ensure your website meets production standards. It analyzes asset loading, runtime costs, and hydration to find the highest-impact improvements.

What is causing high LCP and how do I optimize asset loading?

High LCP is caused by unoptimized asset loading, heavy bundle weight, and inefficient image or font loading. Auditing these performance bottlenecks identifies specific resource issues so you can optimize asset delivery and improve your overall loading performance.

How do I analyze runtime performance and animation costs for premium websites?

Analyzing runtime performance and animation costs involves assessing hydration costs and production-readiness metrics to ensure premium websites maintain smooth execution. This identifies runtime bottlenecks that degrade user experience and prevents performance degradation in production.

Can I use a performance audit to check if my website is production-ready?

Yes, a performance audit checks production-readiness by reviewing Core Web Vitals, asset weight, and runtime costs against premium standards. It identifies performance bottlenecks and evaluates whether your website's runtime performance is ready for launch.

What do I need to run a website performance audit?

To run a website performance audit, you need access to project URLs and QA tools. This allows the audit to measure Core Web Vitals, analyze bundle and asset weight, and evaluate hydration and animation costs against production standards.

Why does my website have high CLS and poor runtime performance?

High CLS and poor runtime performance stem from unoptimized asset loading, heavy animation costs, and hydration overhead. A performance audit identifies these specific bottlenecks and evaluates metrics to ensure your website meets premium standards.