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

Question

[Денис Букреев]

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

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

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

И тут я задумался: display:none как бы удаляет элемент со страницы, но в DOM он есть - если гифка (или ее родитель) имеет display:none, она спит или работает?

Answer 1

[_ _]

Капец, оказывается Денис Букреев и DTX - два разных человека!!!
По теме - картинка с display:none даже загружаться не будет

Comments

[Денис Букреев]

вот так

Answer 2

[DTX]

Проверяется же за минуту. Проц не нагружается.
codepen.io/anon/pen/KgxaWG