I have an array of objects which can be accessed using - https://picsum.photos/v2/list?page=2&limit=30

The project can be accessed from - https://stackblitz.com/edit/react-vqxpcv?file=src%2Fcomponents%2FImages.js

What I want to do is to display all the 30 images on a single page for a start using React.

The issue is that the images take a lot of time to load. And the images load again when the page reloads even when the size of the images is reduced.

I would like to know if I am doing anything wrong and is there any efficient way to display the list of images?

What do we do when we have a list of 100 images instead of just 30? How do we efficiently load images in that case?

Thanks in advance.