[フォトアルバム] 一覧の読み込み時間を改善しました

[gakigaki]

概要

フォトアルバム一覧の表示性能を改善しました。

背景や目的

大量データ時のSQL発行数やDOM生成量がボトルネックになっていたためです。

変更内容

• Buckets role 取得をGETリクエスト内でキャッシュし、同一リクエスト内の重複SQLを削減しました。
• フォトアルバム子要素の取得でアップロード情報をeager loadし、N+1を削減しました。
• 画像一覧のモーダルを1つに集約し、表示時のDOM生成量を抑制しました。
• 画像/カバー画像に loading="lazy" / decoding="async" を付与しました。

特記事項

特になし

レビュー完了希望日

軽微な改修なので急ぎません。

関連Pull requests/Issues

なし

参考

なし

DB変更の有無

無し

チェックリスト

• プルリクエストにわかりやすいタイトルとラベルを付けました。https://github.com/opensource-workshop/connect-cms/wiki/Pull-requests-Rule