web-quality-auditlisted

# Web quality audit Comprehensive quality review based on Google Lighthouse audits. Covers Performance, Accessibility, SEO, and Best Practices across 150+ checks. ## How it works 1. Analyze the provided code/project for quality issues 2. Categorize findings by severity (Critical, High, Medium, Low) 3. Provide specific, actionable recommendations 4. Include code examples for fixes ## Audit categories ### Performance (40% of typical issues) **Core Web Vitals** — Must pass for good page experience: - **LCP (Largest Contentful Paint) < 2.5s.** The largest visible element must render quickly. Optimize images, fonts, and server response time. - **INP (Interaction to Next Paint) < 200ms.** User interactions must feel instant. Reduce JavaScript execution time and break up long tasks. - **CLS (Cumulative Layout Shift) < 0.1.** Content must not jump around. Set explicit dimensions on images, embeds, and ads. **Resource Optimization:** - **Compress images.** Use WebP/AVIF with fallbacks. Serve correctly sized images via `srcset`. - **Minimize JavaScript.** Remove unused code. Use code splitting. Defer non-critical scripts. - **Optimize CSS.** Extract critical CSS. Remove unused styles. Avoid `@import`. - **Efficient fonts.** Use `font-display: swap`. Preload critical fonts. Subset to needed characters. **Loading Strategy:** - **Preconnect to origins.** Add `<link rel="preconnect">` for third-party domains. - **Preload critical assets.** LCP images, fonts, and above-fold CSS.