@DanialKA
Веб разработчик, phonegap шалун

Нагружают ли процессор dom элементы с display:none?

Существует веб приложение со списком в 1500 элементов, стилями и анимацией. Куча transition анимации. Если часть элементов будет скрыто, это уменьшит нагрузку?
  • Вопрос задан
  • 171 просмотр
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
.
вообще да, уменьшит, но от того что они скрыты, они не становятся "совсем бесплатными". При перерисовке они будут обработаны намного быстрее чем видимые элементы, но в памяти они все равно есть, и при обходе скриптами, например, они будут учитываться. И sim3x правильно написал - при любых тормозах смотрите профайлер.

Совсем круто - проверять еще и на слабом компе. Не у всех посетителей вашего сайта топовое железо, особенно сильно это телефонов касается.
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Советую подобные списки подгружать постепенно по мере необходимости отображения (скролла страницы и т.д.) через AJAX.
А для тех, которых нет в зоне видимости viewport - ставить любую анимацию/воспроизведение на паузу.

Режим "лупы" нужно использовать:
1. Что ближе к viewport-у, то "оживляем": по периметру реального viewport-а берём 1 viewport для предзагрузки и пререндеринга (квадрат 3x3, в центре - реальный viewport).
2. Что дальше этой зоны (3x3) - вообще удаляем из памяти DOM.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы