Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Server-Side Pagination and Lazy Loading #2

Open
FaheemOnHub opened this issue Jun 4, 2024 · 0 comments
Open

Implement Server-Side Pagination and Lazy Loading #2

FaheemOnHub opened this issue Jun 4, 2024 · 0 comments
Labels
backend enhancement New feature or request frontend help wanted Extra attention is needed performance

Comments

@FaheemOnHub
Copy link
Owner

Summary
Our application's home page, which showcases community-generated images, is experiencing performance issues as our user base grows. Currently, we fetch and display all images at once, resulting in slow page loads, high memory usage, and a poor user experience, especially on mobile devices. We need to implement server-side pagination and lazy loading to optimize performance and scalability.

Expected Behavior

Initial load shows only the first batch (e.g., 20) of most recent images.
A "Load More" button or infinite scroll fetches the next batch.
Images are lazy-loaded as they enter the viewport.
Server response times stay under 2 seconds, even at 100k+ images.
No out-of-memory errors or app crashes on any device.

@FaheemOnHub FaheemOnHub added enhancement New feature or request help wanted Extra attention is needed performance backend frontend labels Jun 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backend enhancement New feature or request frontend help wanted Extra attention is needed performance
Projects
None yet
Development

No branches or pull requests

1 participant