如何优化价格比较应用程序（Flutter），以便一次只调用一个http.get？

Question

我正在开发一个价格比较应用程序，用于比较一些印尼电子商务网站的价格。有些使用html，有些使用api。看起来像这样：

github仓库在这里：https://github.com/0n9aldrin/price-comparison

忽略了错误的星级评定，其他所有方法都可以正常工作。但是，该应用程序非常落后。正如您在屏幕底部所看到的，我还显示了该搜索的总产品，并且我注意到，每次搜索一个项目时，所有不同的选项卡会同时发出所有http.get请求，只是为了获得总计在页面底部（未来构建器），然后当我单击单个选项卡时，它再次发出显示gridview的请求。我可能想到两种选择：

1. 一次加载所有网站，因此该应用程序只会延迟几秒钟，然后一切都会好起来。

2. 仅当我单击下一个选项卡时才加载信息。当前，它仅对gridview执行此操作，而不对页面底部的future构建器执行此操作。

这是我提出的两个想法，但是我不知道如何实现。看着我的仓库，有没有办法实现这些想法之一？如果延迟不是由http请求引起的，请提出建议。

谢谢

Answer 1

也许您应该为每个TAB_PAGE使用一个“ FutureBuilder”。当用户转到另一个屏幕时，仅当它不在缓存中时才会加载。