Chcę uprościć rzeczy w mojej aplikacji internetowej jQuery Backbone.js. Jednym z takich uproszczeń jest zachowanie moich widgetów menu i okien dialogowych.

Wcześniej tworzyłem pola div moich menu na początku i ukryłem je za pomocądisplay: none; opacity:0;. Kiedy potrzebowałem menu, zmieniłem jego styl nadisplay:block następnie użyłem narzędzia jQuery ui position do ustawienia pola div (ponieważ elementy zdisplay:none nie może być pozycjonowany), a kiedy się skończy, w końcu zmienił styl naopacity:1.

Teraz chcę je tylko ukryćvisibility:hiddena kiedy go potrzebuję, używam narzędzia do pozycjonowania, a następnie zmieniam styl navisibility:visible. Kiedy zacznę używać tego nowego podejścia, będę miał około 10 pól div w całej sesji aplikacji internetowej, które są ukryte, ale zajmują miejsce, w przeciwieństwie do poprzednich pól div ukrytych za pomocądisplay:none.

Jakie są konsekwencje mojego nowego podejścia? Czy w jakikolwiek sposób wpływa na wydajność przeglądarki?