Quiero simplificar las cosas en mi aplicación web jQuery Backbone.js. Una de esas simplificaciones es el comportamiento de mis widgets de menú y diálogo.

Anteriormente creé las cajas div de mis menús al inicio y las oculté usandodisplay: none; opacity:0;. Cuando necesitaba un menú, cambié su estilo adisplay:block luego usé la utilidad jQuery ui position para posicionar la caja div (ya que los elementos condisplay:none no se puede posicionar) y cuando se hizo, finalmente cambió su estilo aopacity:1.

Ahora solo quiero esconderlos convisibility:hidden, y cuando necesito una, uso la utilidad de posición y luego cambio el estilo avisibility:visible. Cuando comience a usar este nuevo enfoque, tendré alrededor de 10 cuadros de div en toda la sesión de la aplicación web que están ocultos pero ocupan espacio, en contraste con los cuadros de div anteriores ocultos condisplay:none.

¿Cuáles son las implicaciones de mi nuevo enfoque? ¿Afecta el rendimiento del navegador en cualquier aspecto?