５００ユーザが所属するプロジェクトページで情報取得を非同期化しユーザ体験の向上を図る

[tishin-endou]

Purpose

５００ユーザが所属しているプロジェクトを表示すると時間を要するので、情報取得を非同期化しユーザ体験の向上を図る

プロジェクトのページの遅延に関する調査

• APIが複雑なデータを返している
• 寄稿者や子ノードが多いと入れ子になったデータベースクエリとシリアライゼイションが多くの時間を消費
• メインページが非常に大きく７００KBを超えている
• FlaskがデータのシリアライゼイションとHTMLコンテンツのレンダリングに8秒前後かかる
• ノードが多いとAPIエンドポイントの応答が非常に遅い

Changes

非同期データ取得の導入: プロジェクトページにおけるコントリビュータ情報の取得が非同期に変更ページの初期表示が高速化 データはバックグラウンドでロードされ、ユーザーがページにアクセスしている間も操作可能とする

段階的データロードによる負荷軽減: コントリビュータデータのロードが段階的に行われるように変更 大量のデータを一度に処理するのではなく、必要な分だけ適切なタイミングでロードすることで、サーバーとクライアントの負荷が軽減

クエリで取得したい情報の明確化: クエリで取得したい情報の明確化で必要なデータのみを効率的に取得するよう改善 無駄なクエリが削減され、全体的なパフォーマンスが向上

QA Notes

Documentation

Side Effects

Ticket

https://redmine.devops.rcos.nii.ac.jp/issues/44054