Если блок с .gif имеет display:none — гифка воспроизводится и нагружает процессор или нет?

Вопрос для знатоков (если вы не знаете, то не надо предполагать, или пишите, что именно предполагаете).

На странице туева хуча .gif-анимаций, жирных анимаций (по 2-3МБ) каждая, впоследствии оно, конечно, оптимизируются дизайнерами, но не в этом суть.
Естественно два десятка таких анимаций сильно нагружают процессор (не говоря о длительной их загрузке с сервера).

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

И тут я задумался: display:none как бы удаляет элемент со страницы, но в DOM он есть - если гифка (или ее родитель) имеет display:none, она спит или работает?
  • Вопрос задан
  • 262 просмотра
Решения вопроса 2
AMar4enko
@AMar4enko
Капец, оказывается Денис Букреев и DTX - два разных человека!!!
По теме - картинка с display:none даже загружаться не будет
Ответ написан
DirecTwiX
@DirecTwiX
"display: flex;" уже предлагали?
Проверяется же за минуту. Проц не нагружается.
codepen.io/anon/pen/KgxaWG
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы