Carregar conteúdo da barra lateral preguiçosamente

Olá,

Como podemos adicionar conteúdo dinamicamente (categorias, tags e chat) à nova barra lateral, ela pode conter muito conteúdo. Portanto, pode ser muito lento para abrir em dispositivos mais fracos, como no meu celular Android (Huawei P20 Pro).

Minha barra lateral agora contém em meu site:

  • 9 categorias
  • 5 tags
  • 8 canais de chat
  • 19 chats pessoais

Mas essas coisas mudam com frequência, quero dizer, principalmente a seção de chats pessoais.


Geralmente leva até ~1s para abrir a barra lateral no meu celular Huawei quando todas as seções estão expandidas. Acho que talvez o carregamento da seção de chats pessoais cause essa lentidão. Se eu recolher as seções da barra lateral, a abertura é imediata. Estou apenas imaginando se é possível adicionar algum tipo de solução de carregamento preguiçoso (lazy loading) ao conteúdo da barra lateral para carregá-lo ~ imediatamente, quando as seções estiverem na posição expandida? Acho que a função de recolher é parcialmente por causa disso, mas por padrão elas estão expandidas e os membros não sabem que se eles a recolherem será mais rápido e, honestamente, eu preferiria usá-la com seções expandidas muito mais do que alternar seções sempre.

Eu sei que existe uma solução CSS para os painéis de menu que os torna mais rápidos, que carrega apenas os primeiros 20 itens ao abrir, funciona bem, mas a abertura da barra lateral parece lenta. Acho que por causa do número de itens ocultos que estão carregando enquanto o menu se move. :thinking:

Eu tentei no iPhone, que é, claro, super rápido e sem atrasos ou lentidão. :slightly_smiling_face:

Obrigado :slightly_smiling_face:

5 curtidas

Obrigado pelo relatório @Don. Vamos investigar aqui e ver se há algo que possamos fazer para melhorar o desempenho, especialmente em dispositivos mais lentos :eyes:

6 curtidas

Fizemos algumas alterações que devem ajudar um pouco no desempenho:

Esperamos dedicar algum tempo a melhorias de desempenho de renderização no futuro, mas ainda não temos planos específicos.

8 curtidas