Влияет ли блок скрытый через display:none; на скорость загрузки страницы

196
24 сентября 2019, 08:30

Возможно очень нубский вопрос, но я озадачился. Есть 2 блока:

<div class="desktop"> 
  <ul> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
  </ul> 
</div> 
<div class="mobile"> 
  <ul> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
    <li>lorem</li> 
  </ul> 
</div>

Если скрыть в десктопе блок mobile, через @media-запрос - увеличит ли это скорость загрузки страницы или нет? И соответственно если в мобильной версии скрыть скрыть таким же образом desktop, будет ли увеличена скорость загрузки страницы или нет?

По сути, вне зависимости от того display: none; у блока стоит или нет - браузер всё равно строит эту верстку и рисует стили, только не выводит их.... или я что, не так понимаю..

Answer 1

ВЛИЯЕТ, но использование display: none ---- не приветствуется для оптимизации SEO. Нужно тестировать код, для выявления сбора информации загрузки скриптов и стилей документа.

READ ALSO
Не работает ttf шрифт

Не работает ttf шрифт

Шрифт есть лежит в той самой директорииНо увы не работает

184
CSS. Как масштабировать div вместе с содержимым под высоту экрана?

CSS. Как масштабировать div вместе с содержимым под высоту экрана?

Я могу масштабировать div вместе с содержимым вот так:

183
Поймать id form

Поймать id form

Подскажите как получить id формы? побывал вот так не выходит

156