react-native-image-cache VS squoosh

https://github.com/georstat/react-native-image-cache disclaimer: i m one of the authors

To accomplish this task, we’ve chosen georstat/react-native-image-cache library.

I gave a try to smaller libs like georstat/react-native-image-cache but ran into some stability issues while attempting very simple use cases.

If you’re not caching images already and you’re in bare react-native then use this package for caching: https://github.com/georstat/react-native-image-cache , it’s lighter than FastImage. Disclaimer: I’m the author

Fast image can be a memory hogger in flatlists, you could try https://github.com/georstat/react-native-image-cache witch stores images in file system (i’m one of the authors).

Hi fellow devs, me and my colleagues after releasing react-native-image-cache we also released a simple image gallery with thumbnails preview. The module has 0 external dependencies so it can be used with expo. We're planning on creating a react-native-image-cache package for expo too, stay tuned :) .

I see you’re using 2 modules for image-caching, me and my colleagues have created a file system remote image caching module, in our cases react-native-fast-image was killing the device memory so we got inspiration from other modules and created: https://github.com/georstat/react-native-image-cache . It uses react-native-file-access witch is by far more stable than react-native-fs that you’re using and it supports almost the same stuff.

You could use this one: https://github.com/georstat/react-native-image-cache it supports custom animating placeholder, see the example.

Here's another handy tool that I use: https://squoosh.app/

Squoosh: A webpage that allows you to quickly optimize images for your blog.

One of the most complete image compressor out there, squoosh.app by Google, uses web assembly for decoding/encoding images and it works pretty well.

First off you want to shrink your images. Every mb your page is the more it will hurt your score. I use https://squoosh.app/

https://squoosh.app/

Having a quick look at squoosh, it uses lossy compression of webp by default.

Size images appropriately (https://squoosh.app/ can be used for this). Ideally, the size of the image should be kept below 100 KB.

if your images a large file size, remove them from the page, reduce file size, and place new reduced file size images in their place - publish the site to bring the new pics live - clear your cache - go the page and test it (good tool to reduce image file size is Google Squoosh - https://squoosh.app/ )

I'm just exporting normally from Figma, but then using squoosh.app (browser based) to adjust quality/compression and even for making sure png files are optimized for prod.

Hey I see your friend made a clan, but this guy found a workaround here if you still need it. I just used https://squoosh.app/ to basically save a new copy of the image and that worked