Skip to content

Conversation

ryanmcd118
Copy link
Collaborator

This PR wraps up a major performance pass for lexiQL based on Lighthouse audits. The build is stable, layout is intact, and we’ve cut total asset size by ~70% without losing quality. Webpack builds are leaner, images and videos are optimized, and load times are noticeably faster.

Highlights

  • Webpack & JS: Code splitting, tree shaking, modern browser targets, and lazy loading for heavy components.
  • Assets: All PNGs converted to WebP (94% smaller), GIFs converted to WebM/MP4 (33% smaller), explicit image dimensions added to reduce layout shift.
  • Preloading & Preconnect: LCP image preloaded; preconnects for Google Fonts and external resources.
  • Result: ~8MB saved across assets, ~6s faster load on slower connections, improved Core Web Vitals.

Verification

  • npm run dev → app loads correctly, optimized assets and fallbacks working.
  • npm run build → optimized assets included in production output.
  • Tested in modern browsers with fallbacks for older ones.

@ryanmcd118 ryanmcd118 self-assigned this Aug 15, 2025
@ryanmcd118 ryanmcd118 added the enhancement New feature or request label Aug 15, 2025
Copy link
Collaborator Author

@ryanmcd118 ryanmcd118 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Verified & ready to merge.

@ryanmcd118 ryanmcd118 merged commit 734da41 into oslabs-beta:main Aug 15, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant