Я хочу упростить вещи в своем веб-приложении jQuery Backbone.js. Одним из таких упрощений является поведение моего меню и диалоговых виджетов.

Ранее я создавал блоки div для своих меню при запуске и скрывал их, используяdisplay: none; opacity:0;, Когда мне понадобилось меню, я изменил его стиль наdisplay:block затем использовал утилиту позиционирования пользовательского интерфейса jQuery для позиционирования блока div (поскольку элементы сdisplay:none не может быть позиционирован) и когда это было сделано, наконец изменил свой стиль наopacity:1.

Теперь я хочу просто скрыть ихvisibility:hiddenи когда мне это нужно, я использую утилиту позиционирования, а затем меняю стиль наvisibility:visible, Когда я начну использовать этот новый подход, в сеансе веб-приложения у меня будет около 10 блоков div, которые скрыты, но занимают место, в отличие от предыдущих блоков div, скрытых с помощьюdisplay:none.

Каковы последствия моего нового подхода? Влияет ли это на производительность браузера?