Skip to content

Performance: Route-Level Code Splitting via React.lazy #178

Description

@Diwakar-odds

What the issue is & The core problem

The entire application bundle is loaded upfront via Vite, leading to a massive vendor.js payload and slow Time-to-Interactive (TTI).

Specific files to be changed

  • src/App.tsx
  • vite.config.ts

Detailed proposed solution

Implement React.lazy() and <Suspense> wrappers around all major route components to enable chunking and lazy-loading of the JavaScript payload.

Impact/Effect on the project

Slashes the initial bundle size, drastically improving Lighthouse performance scores.

Benefits to the maintainers/users

Provides a much faster initial load time for users on slower networks.

Assignment Request
Hey maintainers, I would like to work on this issue. Could you please assign it to me and add the ECSoC26, Level 3, and good-backend labels?
Program: ECSoC'26

Metadata

Metadata

Labels

assignedIndicates that the issue has been assigned to a contributor who is actively working on it.backendBackend developmentenhancementNew feature or requestfrontendFrontend developmenttype:backendChanges backend services or server-side logic.type:featureIntroduces a new feature or enhancement.type:frontendChanges frontend or client-side code.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions