完了時間が最大40秒のリストの読み込み

Question

複数のプロバイダーによってデータが収集されるリストページがあります。これらのプロバイダーの応答時間は異なります（最低15秒から1分時々）。

デフォルトのソートは、製品の価格とレートに基づいています。最初のプロバイダーがデータを送信するまで、スケルトンをロードしています。この問題は、さまざまなプロバイダーが単一の製品に関するデータを送信するときに発生します。これにより、並べ替えが更新される場合があります。つまり、15秒でリストが表示される可能性がありますが、どの製品でも、ソートアルゴリズムに基づいてリスト上の場所が変わる可能性があります。

この状況の読み込み状態の処理に関するアイデアがあれば教えてください。

Answer 1

リストの要素を価格帯でグループ化できます。コンテナ内に5 $から10 $を表示し、古い要素を片側に押して新しい要素を表示しながら、楽しいアニメーションを表示します。

Answer 2

ダウンロードしたデータの量と残りの合計量を示す非同期カウンターをどこかに追加します。

Gathered data from 23 providers of 150 total

または

Querying for data:
23 / 150
(search results may live update once data is downloaded)

テキストの内容は異なる場合がありますが、主なアイデアを説明するために必要でした。