Lag when scrolling (images too large)

[tydahlwave]

There is a noticeable lag when scrolling fast on any tab with lots of images. I believe this is due to the images being very large.

There are a few solutions we could explore:

1. Reduce image size on server (this would reduce the network payload sizes as well, reducing the network data usage footprint of the app which is pretty high - WIFI recommended)
2. Reduce image size on client prior to saving it locally (the downloaded image would be full scale, but the stored image would be smaller. The app would then use the smaller image when displaying it, theoretically fixing the lag)
3. Reduce the image size each time it is about to be displayed (it may take a while to reduce the size of each image prior to displaying it, potentially displaying a empty space to the user while it is being shrunk. However, this might also fix the lag - NOT 100% CERTAIN)

[tydahlwave]

Firebase Storage allows the specification of max image size when downloading images stored with it.