Deployment & Optimization — Vibe Coding for UX Engineering

0 of 20 complete 0%

Performance

0/5

Images have width and height attributes (prevents CLS)
Images below the fold use loading="lazy"
CSS is in <head>, scripts use defer or async
Fonts loaded with font-display: swap
No render-blocking resources in <head>

SEO

0/5

<title> tag is descriptive (50–60 characters)
Meta description added (150–160 characters)
Open Graph tags: og:title, og:description, og:image
Canonical URL set with <link rel="canonical">
robots.txt and sitemap.xml present

Accessibility

0/5

All images have meaningful alt text (or alt="" for decorative)
Color contrast ratio ≥ 4.5:1 for body text
Keyboard navigation works (Tab through all interactive elements)
Focus indicators visible on all focusable elements
Form inputs have associated <label> elements

Code Quality

0/5

No console.log statements in production code
No unused CSS classes or dead styles
HTML validates — no duplicate IDs
All links work — no 404s
Mobile responsive — tested at 375px width