在React Native应用中优化Gif加载时间

时间:2018-10-16 07:58:24

标签: image performance react-native optimization gif

我一次在React Native应用程序中加载多个Gif。从我的数据库中获取了Gif URL,然后将其呈现在FlatList的Image组件中,一次显示10个。用户可以向下滚动以加载更多内容。

每个gif通常需要1.5s到10s的加载时间,这太慢了(即从数据库接收到数据后的实际图像加载时间)。

我知道Gif可能很重,但是它们几乎可以立即在FB Messenger和其他应用程序中加载...是否可以加快加载速度?

到目前为止,我唯一的想法是使用较低分辨率的Gif,但是我可以清楚地看到图像质量的不同...

请注意,gif数据以Giphy gifObjects的形式存储在我的数据库中,因此我确实可以轻松访问一堆可能更好用的其他大小和格式(webp,mp4,尽管到目前为止还算不上运气。) )

0 个答案:

没有答案