team-up-develop / teamup-develop-front

チームアップのフロントエンド
2 stars 0 forks source link

応募者管理 画面構成の変更 #244

Closed Kazuya-Sakamoto closed 3 years ago

Kazuya-Sakamoto commented 3 years ago

概要

応募者管理 画面が、ラグが存在する。

① ステータス毎に画面を遷移している
② vuex で ステータスを管理している

上記2つが原因でラグが存在している。

対応策

URL / 参照先

画像

スクリーンショット 2021-07-04 21 10 47

確認項目

Kazuya-Sakamoto commented 3 years ago

やっぱりまだラグがある。

原因

1) 取得タイミングがawait してるため1つずつ処理をしているため 2) (1)で取得したユーザーのlength を見てuser数を数えてるため 2) api get が遅い

スクリーンショット 2021-07-10 13 09 15
Kazuya-Sakamoto commented 3 years ago

対応後

改善された。 並列処理でそれぞれのapiを実行させる

スクリーンショット 2021-07-10 13 37 29

現状だとフロントでできる改善策はこれで終了。 もしこれでまだ遅いようなら、 (1) loadingを追加 (2) api response までの速度を向上 (※どうやるのかはよーわからんけど)