Eu quero simplificar as coisas na minha aplicação web jQuery Backbone.js. Uma dessas simplificações é o comportamento dos meus widgets de menu e diálogo.

Anteriormente eu criei as caixas div dos meus menus no começo e os escondi usandodisplay: none; opacity:0;. Quando precisei de um menu, mudei seu estilo paradisplay:block então usei o utilitário jQuery ui position para posicionar a caixa div (já que elementos comdisplay:none não pode ser posicionado) e quando foi feito, finalmente mudou seu estilo paraopacity:1.

Agora eu quero apenas escondê-los comvisibility:hidden, e quando eu preciso de um, eu uso o utilitário de posição e, em seguida, mudo o estilo paravisibility:visible. Quando eu começar a usar essa nova abordagem, terei cerca de 10 caixas div em toda a sessão do aplicativo da Web que estão ocultas, mas ocupam espaço, em contraste com as caixas div anteriores ocultas comdisplay:none.

Quais são as implicações da minha nova abordagem? Isso afeta o desempenho do navegador em qualquer consideração?