debopriyobasu commented 6 days ago

Performance improvements | Code splitting and lazy loading core components

This Pull Request tries to optimize the performance of the app by reducing the bundle size using code splitting and uses the existing Spinner component as a fallback till the component(page) loads. This would result is better performance as the app gets more content-heavy over time.

Description

Resolves #158

Linked Issues

Closes #158

Type of Change

New feature (non-breaking change which adds functionality)

Changes

Used lazy and Suspense to perform code splitting
Used the existing Spinner component as a fallback to display until the page loads

Screenshots/Recordings

Lighthouse score before optimization:

Lighthouse score after optimization

Screenshot of dist folder after npm run build is executed

Spinner loading animation (centered) - throttled to view on low end devices or slow internet connection

Checklist before requesting a review

[x] I have performed a self-review of my code
[x] I assure there are no similar/duplicate pull requests regarding the same issue
[x] My changes follow the project's coding guidelines and best practices
[x] Code is formatted properly and lint check passes successfully

vercel[bot] commented 6 days ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
medium-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 27, 2024 1:03pm

aadeshkulkarni commented 5 days ago

Nicely done. 🔥 Thank you for your contribution

debopriyobasu commented 5 days ago