Minimizing memory usage of web browser for a image rich website/web client

We have a database(on server) which have lots of images and size of database could be more than 10 GBs. We were using a Swings(Java) application(Desktop client) to retrieve the images and do some visualization on the Desktop(Client side).For that we were analyzing the memory available on the Desktop and then slicing our requests accordingly(No of images asked/Total images), so that our Client or OS have optimal memory utilization.

Now we are moving for a Web based client through which we are going to provide a way to get images and visualize it on the browser. But as we can't get memory available on the system through browser we are not able to manage the request slicing.

We did single request model(Select * from tableName) and it downloaded all the images but with a lag and eating up lot of memory on the system. Then we applied lazy loading to our web client which is done by slicing the request into parts, but if we keep on adding data(lots of images and text) into browser, it increases the memory usage a lot.

I am looking for a solution/concept/suggestion in AngularJS technology, to develop a web client which can handle lots of data(Database has 3.5 Million rows, 7-10 GB of data, and almost all are images), without compromising system's performance with optimum memory usage and least network calls.

I won't be able to share any code here, but can explain a little more if anyone is feeling difficulty in understanding the requirement.