Скрытые анимированные GIF-ы все еще используют процессор?

Question

У меня тяжелый сайт AJAX.Существуют сотни кнопок, которые на мгновение выдают анимированный GIF-файл загрузки, когда сервер обрабатывает запрос.

Я заметил, что мой сайт работает медленно после нескольких минут использования.Анимированные GIF-файлы воспроизводятся с более низкой частотой кадров.Иногда они даже перестают оживлять.Эффекты наведения на кнопки имеют заметную задержку.Возможно ли, что эти сотни анимированных GIF-файлов все еще блокируют процессор, даже когда они скрыты (style="display: none")?Самое большее, только несколько GIF-файлов видны в любой момент времени.

Answer 1

Это не относится ни к CSS, ни к JavaScript. Это зависит только от того, как браузер обрабатывает изображения в памяти.

Chrome, Firefox, Opera и IE могли бы решить этот вопрос по-своему.

Проведите тестирование с помощью тестовых страниц и инструмента для тестирования, используя разные браузеры.

Answer 2

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

Это отличается от того, когда элементы управления помечены как .visible=false, в этом случае они не размечены в браузере (и поэтому не могут управляться скриптом)