# Novo painel de menu móvel lento e travando em dispositivos mais antigos

**URL:** <https://meta.discourse.org/t/new-mobile-menu-panel-moving-slow-and-laggy-on-older-devices/283204>\
**Category:** UX\
**Tags:** mobile, completed\
**Created:** [24 Outubro , 2023 01:37 UTC](https://meta.discourse.org/t/new-mobile-menu-panel-moving-slow-and-laggy-on-older-devices/283204 "2023-10-24T01:37:46Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)\
**Post date:** [30 Outubro , 2023 21:14 UTC](https://meta.discourse.org/t/new-mobile-menu-panel-moving-slow-and-laggy-on-older-devices/283204/10 "2023-10-30T21:14:02Z")

</div>

Pelo que pude observar, a “lentidão” aqui se deve à re-renderização dos cabeçalhos, e não às animações em si.

Uma coisa que introduzi e que pode dar a percepção de nova lentidão é a animação de deslizar para fora (essa animação foi inadvertidamente removida quando refatoramos nosso novo cabeçalho).

Dar algum tempo de `setTimeout` entre a animação e o trabalho de re-renderização que os menus de widget estão fazendo parece tornar as coisas muito mais fluidas, então não é a animação em si que é lenta, então minha suspeita é que seja o trabalho em torno da re-renderização dos cabeçalhos do site ao abrir/fechar.

Na verdade, estou me perguntando se o tratamento do Firefox para a promessa de fim de animação está disparando depois que a animação é realmente _pintada_ (presumi que fosse esse o caso ao codificar a alteração original), o que pode explicar por que parece mais suave do que o Chrome, enquanto o Chrome permite que o trabalho de recálculo comece após a conclusão dos cálculos da animação, mas antes que o fim da animação seja pintado.

* * *

EDIT: Estou adicionando uma pausa usando nosso runloop para adicionar o espaço necessário antes de animar, isso deve fazer com que a animação pareça muito mais suave: [UX: call discourseLater on menu animations by featheredtoast · Pull Request #24168 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/24168)

---

_[View the full topic](https://meta.discourse.org/t/new-mobile-menu-panel-moving-slow-and-laggy-on-older-devices/283204)._