Допустим, у нас есть страница, содержащая поток блоков размером с область просмотра браузера, в каждом из которых находится ресурсозатратная анимация (например, какая-нибудь красивая работа из codepen). Возможно, таких блоков там более 30.
Имеется скрипт, который в зависимости от положения окна просмотра пользователя отображает/скрывает содержимое блоков с помощью свойства display.
Например: пользователь переходит на второй блок на странице, у третьего блока удаляется свойство display: none и он становится видимым, далее пользователь переходит на третий блок, прошлый (второй) блок получает свойство display: none, а следующий (четвертый) - теряет это свойство и становится видимым, и так далее. В итоге, видимыми будут только ближайшие к области просмотра блоки, а остальные будут иметь свойство display: none.
Так вот, вопрос в том, улучшится ли работа сайта, станет ли он лучше работать на слабых устройствах, будет ли меньше тормозить?
Если не хочешь быть первым - не вставай в очередь!
Думаю, наиболее простое решение, Вашего вопроса:
0. Обновить гугл хром до последней версии
1. Нажать F12
2. Открыть вкладку "Preformance"
3. Посмотреть эффект "до" и "после" и оценить происходящее :)
Если в целом то да, все картинки из таких блоков больше не будут в видео памяти хранится, но опять же тут есть нюансы на тему загрузки их туда повторно
был опыт с мега лендингом, без display: none, на 5к мониторе он жрал 500mb оперы, с ним 150mb )
Простой
Простой
