the-me-0 / gallery

A gallery web app, with similar technologies as my last project Groove (NextJS)
1 stars 0 forks source link

Image cards are too heavy #1

Closed the-me-0 closed 2 months ago

the-me-0 commented 2 months ago

As the website is meant to handle and display a lot of images, we soon encounter an issue : the cards (or "tiles"), at the front page i.e., are loading full-quality images. This is an issue as the front page gets very heavy to load as you have to load like 40 images at the same time. I would be better to have smaller, less qualitative images (like thumbnails) to be loaded in these cards/tiles, then when you click to open it big screen it loads the full quality image.

This fix would allow huge UX gain, but would mean that the server has to store thumbnail of the images as well as the full quality ones.

the-me-0 commented 2 months ago

The use of thumbnails has been added by this commit. This feature will be part of V0.1.0. It adds a better user experience for slow connexions and more layout stability when loading the page.