Enable lazy loading to improve website performance

[shraddha761]

Lazy loading is a technique that can be used to improve the performance of a website by delaying the loading of images and other resources until they are needed. This can help to reduce the initial load time of a page, which can improve the user experience and make the website more responsive.

The benefits of lazy loading include:

Reduced initial load time Improved user experience More responsive website Increased SEO ranking

Assign this issue to me under GGSOC'23

[kartikayasija]

What will be your approach to implement lazy-loading in this project?

[shraddha761]

What will be your approach to implement lazy-loading in this project?

I'll Create a separate component for loading spinner so that it can be used in other components also.

[kartikayasija]

But we are not following component based architecture in this project.

[shraddha761]

@kartikayasija I'll add lazy loading to pages