# サイドバーコンテンツの遅延読み込み **URL:** \ **Category:** UX\ **Tags:** mobile, sidebar\ **Created:** [2023 年 2 月 10 日午後 6:36 UTC](https://meta.discourse.org/t/lazy-load-sidebar-content/254799 "2023-02-10T18:36:56Z")\ **Posts on this page:** 1\ **Showing post:** 1
**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\ **Post date:** [2023 年 2 月 10 日午後 6:36 UTC](https://meta.discourse.org/t/lazy-load-sidebar-content/254799/1 "2023-02-10T18:36:56Z")
こんにちは。 新しいサイドバーには、カテゴリ、タグ、チャットなどを動的に追加できるため、多くのコンテンツが含まれる可能性があります。そのため、Androidモバイル（Huawei P20 Pro）のような低スペックのデバイスでは、開くのが非常に遅くなることがあります。 私のサイトのサイドバーには現在、以下のものが含まれています。 - 9つのカテゴリ - 5つのタグ - 8つのチャットチャンネル - 19の個人チャット しかし、これらは頻繁に、特に個人チャットセクションは変更されます。 * * * すべてのセクションが展開された状態でHuaweiモバイルでサイドバーを開くのに通常約1秒かかります。おそらく、個人チャットセクションの読み込みがこの遅さの主な原因だと思います。サイドバーのセクションを折りたたむと、すぐに開きます。サイドバーのコンテンツに、セクションが展開された状態でほぼ瞬時に読み込まれるような遅延読み込みソリューションを追加することは可能でしょうか？折りたたみ機能がその一因だと思いますが、デフォルトでは展開されており、メンバーは折りたたむと速くなることを知らないでしょうし、正直なところ、常にセクションを切り替えるよりも展開した状態で使用する方がはるかに良いです。 メニューパネルのCSSソリューションがあり、開くときに最初の20項目のみを読み込むことで高速化されます。これはうまく機能しますが、サイドバーの開き方が遅く感じます。メニューが移動中に読み込まれる隠された項目の数が原因だと思います。🤔 > iPhoneで試したところ、もちろん非常に高速で、遅延や遅さは全くありませんでした。🙂 ありがとうございます。🙂 --- _[View the full topic](https://meta.discourse.org/t/lazy-load-sidebar-content/254799)._