web-quality-audit

原文涵盖的主题

• Web quality audit
• How it works
• Audit categories
• Performance (40% of typical issues)
• Accessibility (30% of typical issues)
• SEO (15% of typical issues)
• Best practices (15% of typical issues)
• Severity levels

Comprehensive quality review based on Google Lighthouse audits. Covers Performance, Accessibility, SEO, and Best Practices across 150+ checks. 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 Core Web Vitals — Must pass for good page experience: LCP (Largest Contentful Paint) for third-party domains. Preload critical assets. LCP images, fonts, and above-fold CSS. Lazy load below-fold content. Images, iframes, and heavy components. Cache effectively. Long cache TTLs for static assets. Immutable caching for hashed files. Perceivable: Text alternatives. Every has meaningful alt text. Decorative images use alt="". Color contrast. Minimum 4.5:1 for normal text, 3:1 for large text (WCAG AA). Don't rely on color alone. Use icons, patterns, or text alongside color indicators. Captions and transcripts. Video has captions. Audio has transcripts. Operable: Keyboard accessible. All functionality available via keyboard. No keyboard traps. Focus visible. Clear focus indicators on all interactive elements. Skip links. Provide "Skip to main cont

这里只展示节选，请以完整原文和当前要求为准。