サイドバーコンテンツの遅延読み込み

こんにちは。

新しいサイドバーには、カテゴリ、タグ、チャットなどを動的に追加できるため、多くのコンテンツが含まれる可能性があります。そのため、Androidモバイル(Huawei P20 Pro)のような低スペックのデバイスでは、開くのが非常に遅くなることがあります。

私のサイトのサイドバーには現在、以下のものが含まれています。

  • 9つのカテゴリ
  • 5つのタグ
  • 8つのチャットチャンネル
  • 19の個人チャット

しかし、これらは頻繁に、特に個人チャットセクションは変更されます。


すべてのセクションが展開された状態でHuaweiモバイルでサイドバーを開くのに通常約1秒かかります。おそらく、個人チャットセクションの読み込みがこの遅さの主な原因だと思います。サイドバーのセクションを折りたたむと、すぐに開きます。サイドバーのコンテンツに、セクションが展開された状態でほぼ瞬時に読み込まれるような遅延読み込みソリューションを追加することは可能でしょうか?折りたたみ機能がその一因だと思いますが、デフォルトでは展開されており、メンバーは折りたたむと速くなることを知らないでしょうし、正直なところ、常にセクションを切り替えるよりも展開した状態で使用する方がはるかに良いです。

メニューパネルのCSSソリューションがあり、開くときに最初の20項目のみを読み込むことで高速化されます。これはうまく機能しますが、サイドバーの開き方が遅く感じます。メニューが移動中に読み込まれる隠された項目の数が原因だと思います。:thinking:

iPhoneで試したところ、もちろん非常に高速で、遅延や遅さは全くありませんでした。:slightly_smiling_face:

ありがとうございます。:slightly_smiling_face:

「いいね!」 5

レポートありがとうございます、@Don様。パフォーマンスの改善、特に低速デバイスでの改善が可能かどうか、調査いたします :eyes:

「いいね!」 6

パフォーマンスの向上に役立つ変更をいくつか加えました。

将来的にはレンダリングパフォーマンスの改善に時間を費やす予定ですが、現時点では具体的な計画はありません。

「いいね!」 8