2014-11-24 2 views
0

Например, если у меня есть <div> со стилем:Является ли элемент HTML абсолютно позиционированным вне области просмотра, влияющим на производительность перерисовки?

position: absolute; width: 100px; height: 100px; left: -10000px; top: -10000px; 

Когда перекрашивание в иллюминатор произошло, есть некоторые потери времени из-за присутствия Div в DOM?

ПРИМЕЧАНИЕ: <div> имеет visibility: visible and display: block

ответ

3

Простой ответ - да.

Даже если вы не видите его, он все равно должен быть отображен в DOM, как вы говорите.

Люди делают это много, а затем делают какую-то причудливую анимацию, чтобы привести ее в поле зрения. Дело в том, есть ли разница между рендерингом всего DOM в одном ударе или вы сэкономите время, визуализируя каждый бит при запросе с AJAX?

Это зависит от complexitity контента в вашем разделе «скрытой» (с) ...

Edit: Попробуйте использовать Fiddler: http://www.telerik.com/fiddler: это позволит вам увидеть, что нашли время, чтобы загрузить на ваш страницы ...

+0

ОК, благодарю вас за ваш ответ! У меня есть другой связанный вопрос, также ... но, может быть, лучше открыть новый поток! :) – user1561017

+1

(+) 1 но это не так ... очевидно. Я имею в виду: да, производительность будет затронута (как-то), но не так, как элемент находился внутри видового экрана. Браузер будет рассматривать их в макете, но они не будут рисовать их. Если это что-то _expansive_ для рисования (такое высокое изображение или сложный холст), тогда существует измеримая разница, когда он находится внутри или снаружи окна просмотра. –

Смежные вопросы