Кэширование размеров window для повышения производительности?

Question

[likejavascript]

Все мы знаем, что при получении каких-либо размеров окна, например:

$(window).height();
$(window).widgth();

Происходит перекомпоновка (reflow) DOM всей страницы, что при большом количестве элементов может вызывать некоторые задержки взаимодействия (это можно посмотреть в Chrome TimeLine).

А что если нам получать и кэшировать все необходимые размеры окна при его ресайзе и в последствии получать их когда нужно. Например так: jsperf.com/cached-window-size

Т.е на каждый ресайз окна, запоминаем его параметры и получаем где нужно без воздействий на производительность. Поскольку окно большую часть своего времени не меняет размеры, то мне кажется что profit есть.

А что вы думаете по этому поводу?

Answer 1

[Николай Васильчук]

Я думаю, что нечасто приходится узнавать размеры окна. А если часто (например в процессе ресайза), то нет смысла кэшировать.

Comments

[likejavascript]

В моем случае приходится узнавать размеры окна при каждом открытии контекстного меню, для того, чтобы правильно его позиционировать относительно курсора мыши

Answer 2

[zvorygin]

Насколько мне известно, там все и так кешируется, и если между двумя запросами height не было модификаций DOM и CSS, то все отработает быстро.

Comments

[likejavascript]

Видимо это еще зависит от браузера

[zvorygin]

@likejavascript согласен - мой комментарий относился к chrome

Answer 3

[Павел Рыбин]

Если компонентов, зависящих от ресайза много, то есть смысл создать посредника, который следил бы за ресайзом, один раз брал бы свежие размеры окна, а всем желающим раздавал бы уже закэшированные значения в кастомном событии.

Comments

[likejavascript]

Имеется виду, что много не тех объектов, которым нужны размеры окна, а вообще много DOM элементов на странице. Чем больше на странице элементов, тем "дороже" становятся перекомпоновки.

Answer 4

[likejavascript]

Зачем ресайзить то что находится около курсора, если курсор находится за пределами DOM window?

По умолчанию меню открывается справа от указателя мыши. Допустим вы кликаете правой кнопкой мыши в самой правой части рабочей области, в этом случае меню справа не поместится и мы тем самым размещаем его слева от указателя мыши (т,е чтобы правая гранца меню была перед курсором мыши, а не после, как в случае с дефорлным отображением) В этом случае нам необходимо знать размеры окна чтобы рассчитать такое позиционирование.

Если у вас совсем кровь-кишки-нужно_знать_то_что_не_нужно_знать, то делайте это через синглтон с таймером, который через 300-500 мс после начала ресайза будет опрашивать "а закончился ли ресайз", и если закончился, то будет ресайзить

Зачем это? Мне не нужно ничего ресайзить, мне просто нужно знать размеры окна, которые изменяются при его резайзе