Performance: Lighthouse Metrics and Core Web Vitals

  Property: ChurchWiseAI   Category: UI / Visual Tier: all Persona: devops Touchpoint: all pages

Preconditions

• Pages deployed to production
• No major JS bundles pending

Steps

#	Action	Expected Result
1	Run Lighthouse on homepage	Lighthouse score ≥85 (Performance). LCP <2.5s. FID <100ms. CLS <0.1.
2	Run Lighthouse on pricing page	Lighthouse score ≥85. Load time <3s. All images optimized.
3	Run Lighthouse on /admin (requires login)	Admin pages < 4s load time. TTI < 5s (app complexity acceptable).
4	Check Core Web Vitals on production	LCP (Largest Contentful Paint) <2.5s. FID (First Input Delay) <100ms. CLS <0.1.
5	Check bundle size	JS bundle <500KB (gzipped). CSS <50KB. No unused dependencies.
6	Verify images are optimized	No oversized images. WebP format used where supported. Responsive images (srcset).
7	Check for render-blocking resources	Critical CSS inlined. Non-critical JS deferred. Fonts optimized.
8	Test on slow connection (3G)	Page still loads within 5s. Core content visible in <2s.

Known Failure Modes

• Lighthouse score <70 — poor performance, SEO impact
• LCP >2.5s — slow time to content, user frustration
• CLS >0.1 — layout shift, accidental clicks
• Slow mobile — 50% of traffic on slow networks

References

• Playwright spec: e2e (performance audit)
• Code files:
  • next.config.js (optimization config)
  • src/components/* (bundle impacts)
  • public/images/* (asset optimization)

Notes

Performance impacts conversion. Every 100ms delay = 1% revenue loss. Core Web Vitals now official Google ranking factor. Use Lighthouse (Chrome DevTools) and PageSpeed Insights (production data). Target: Performance ≥90, LCP <2.5s.