Use lazy loading components

[Aman-Codes]

Description

Currently all the components are loaded during initial page load which increases the initial load time. We could use lazy loading to optimize the load time.

Steps followed and expected result

Update imports to use lazy loading. Example change

import Home from "./Home";

to

const Home = React.lazy(() => import("./Home"));

[viogustian]

I can work with this issue pls assign me

[viogustian]

do i just have to lazy loaded all in the components folder?

[Aman-Codes]

@viogustian I believe just updating all the page imports inside the Routes file would work.

[viogustian]

Ok

[sayantan1413]

@Aman-Codes Is this issue still open then I would like to contribute here.

[TC5022]

I would like to work on this issue if it's still open @Aman-Codes

[soham4abc]

I Have started working on this pls assign me the issue if possible.