recyclerlistview VS squoosh

You could try a Recycler list view https://github.com/Flipkart/recyclerlistview . I personally haven’t used it but I’ve heard a lot of good things about it

If you need more customization you can check out https://github.com/Flipkart/recyclerlistview and merge your flatlist into one recyclerlistview with different rendering types

FlashList is based on RecyclerListView but has an API similar to FlatList, which makes migration very simple and has many additional features. For example, FlashList provides metrics API, which allows you to measure performance problems and find proper params configuration for your list component. Also, it supports animation with Reanimated and layouts like Masonry.

I read about FlashList, Big-List, RecyclerListView. I'll give it a try to check if any of them improves performance.

Use This: https://github.com/Flipkart/recyclerlistview

🚀 Using recyclerlistview for rendering messages

Try looking into https://github.com/Flipkart/recyclerlistview -- It has a bit of a learning curve but the performance improvements that you get out of box are well worth it. Try it after the other improvements people in this thread mentioned :D

https://github.com/Flipkart/recyclerlistview if you want to go even further than FlatList, but for most cases FlatList just works

Why can't you try RecyclerListView, Flipkart is using it in production.

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