先日、ちょこバイスというサービス(https://chocovice.spovisor.com)のリリースをNoCodeCampでアナウンスさせていただきました。
そのサービスでまだユーザー数が数十人しかいないにもかかわらず、ユーザーリストを表示するページのロードが遅いです。
リリース前にいくつか対策を講じていたのですが、何か他に取れる策があればアドバイスを頂きたいです。
1.前提条件
・ページ表示時にユーザーのリストを表示(Repeating Groupにて表示)
・データは一括で全員分を取得(pagenationというpluginを使ってページ送りを実装しているため)
2.発生している問題
・ユーザーリストの表示に時間がかかっている
4.実装したい機能
・表示速度の改善
5.スクリーンショット
添付のような形でユーザの名前、自己紹介、登録いただいたスキルや業界などを表示しています。
6.試したこと
・画面全体としてデータベースへの問合せを減らしています。
(初期の読み込みは発生します)
<検索時>
・画面に見えない形でリピーティンググループを配置してそこにずっとデータを格納する形でそのデータを使って検索などを実施する形で検索スピードの改善を図っています。
<他>
・SPA化してトップ画面と同居する形で裏でデータを読み込んでおく対応を使用と思っています。
ただ、それでもアプリ全体をSPAにすると非常に大変なのでトップページと検索ページ(ユーザー一覧)のみを同居する形を考えています。
その場合は、トップページからの遷移時は表示が早くなりますが、それ以外は表示のもっさりさが残ってしまいます。
7.補足情報 (調べたURL/参考になりそうな事例)
以下のパフォーマンス改善の動画を見て対策を講じています。