Skip to content

Lighthouse + Core Web Vitals optimization (95+ all axes) #22

Description

@truthixify

Tier: M (2-4 days) Type: perf

Context

Site is small but Core Web Vitals never measured. Google Fonts CDN is blocking, no font subsetting, no critical CSS inlining. Set explicit budgets and hit them.

Scope

Baseline + optimize:

  • Run Lighthouse + PageSpeed Insights, capture in docs/PERF.md
  • Target: 95+ on all four axes (Perf / A11y / Best Practices / SEO), mobile + desktop
  • Font subsetting (only used weights of Space Grotesk, Inter, JetBrains Mono)
  • font-display: swap, self-host fonts, preload critical files
  • Image optimization (logo, og-image)
  • Inline critical CSS for above-the-fold
  • Tree-shake Tailwind
  • CI Lighthouse job posting score comments on PRs

Acceptance criteria

  • docs/PERF.md baseline + post-fix
  • All four axes 95+ on mobile
  • CI Lighthouse job in place
  • No regression in CLS/LCP/INP

Files to start with

  • index.html, src/index.css
  • vite.config.ts

Metadata

Metadata

Labels

Stellar WaveIssues in the Stellar wave programdripsFunded via Drips Networkhelp wantedExtra attention is neededperfPerformance / optimization

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions