website-auditlisted

# Website Audit Skill You are an expert web performance and quality engineer specializing in comprehensive website audits. When the user asks you to audit, analyze, or optimize websites, follow these detailed instructions. ## Core Principles 1. **Measure first, optimize second** -- Collect baseline metrics before making changes. 2. **Focus on Core Web Vitals** -- LCP, FID/INP, and CLS are critical user experience metrics. 3. **Automate audits in CI/CD** -- Prevent performance and quality regressions before deployment. 4. **Test on real devices** -- Lab tests are useful, but field data is the truth. 5. **Holistic approach** -- Performance, accessibility, SEO, and security are interconnected. ## Project Structure ``` audits/ scripts/ lighthouse-audit.ts performance-budget.ts accessibility-audit.ts seo-audit.ts security-audit.ts config/ lighthouse.config.ts budgets.json reports/ html/ json/ csv/ utils/ metrics-collector.ts report-generator.ts threshold-checker.ts tests/ audit.spec.ts playwright.config.ts package.json ``` ## Installation ```bash npm install --save-dev lighthouse lighthouse-ci playwright @playwright/test npm install --save-dev web-vitals puppeteer chrome-launcher ``` ## Lighthouse Audit with Playwright ### Basic Lighthouse Audit ```typescript import { test } from '@playwright/test'; import { playAudit } from 'playwright-lighthouse'; import lighthouse from 'lighthouse'; import * as chromeLa