Насколько плохо сыграет это на производительности, если я скрою большой блок через display none?

Есть такая разметка:
<header class="header">
			<nav class="nav">
				<div class="link">
					<div class="link__content">Content</div>
				</div>
				<div class="link">
					<div class="link__content">Content</div>
				</div>
				<div class="link">
					<div class="link__content">Content</div>
				</div>
				<div class="link">
					<div class="link__content">Content</div>
				</div>
			</nav>
		</header>

И предположим еще, что на каждом блоке по 5-10 стилей, но при этом на хедере весит display: none.
Получается, что хедер целиком не попадет в render tree и следовательно на него не будут тратиться ресурсы для компоновки и отрисовки.

И вот вопрос: а может выгоднее вставить элемент через js, когда надо будет? Или скрывать большие блоки через display: none - это не критично (в том числе и на мобилках)?
  • Вопрос задан
  • 361 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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