Display None прогружается при загрузке страницы?

[Alarr]

Есть например два слайдера.

Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно.
 

Но при загрузке страницы загружаются оба слайдера?

[satantx]

Может ссылку на сайт дадите?

[RodgerFox]

Не путайте контент html с контентом css, дисплеем мы только можем скрывать, загруженный контент. Хотя когда то давно видел статейку про изображения и display: none; И там картинки не загружались (точно не смогу указать источник). Разве нельзя унифицировать контент в слайдере, что бы подходил под оба случая и использовать один? Сейчас множество вариаций предлагают разработчики. Может даже скрывать/показывать опред слайды в зависимости от устройства? О_О

[Нарек]

Браузеру все равно что у тебя там в css написано. Он загрузит весь html контент, со всеми картинками и тд. Хочешь асинхронной загрузки используй ajax.

[Sensei]

Он загрузит весь html контент, со всеми картинками

 

Насколько я помню, если картинка находится внутри элемента, у которого задан «display: none;», то она не загрузится.

 

Протестил, все-таки грузит, перепутал с фоновым изображением, видимо)

[cyklop77]

 

Он загрузит весь html контент, со всеми картинками

 

Насколько я помню, если картинка находится внутри элемента, у которого задан «display: none;», то она не загрузится.

 

а почему так? теоретически сначала в браузер загружается контент(картинки в том числе), а потом навешиваются стили... или я отстал от времени?

Edited August 19, 2015 by cyklop77

[Sensei]

Да это мои преждевременные инсинуации)

[DivMan]

Мне кажется, что бы лишние не подгружалось, сначала надо сделать вёрстку под телефоны, а потом под компы. 

[rus]

Есть например два слайдера. Один виден всегда с помощью @media, если ширина экрана больше чем 900, а другой в это время display:none; И наоборот соответственно. Но при загрузке страницы загружаются оба слайдера?

а вы откройте исходный код и посмотрите, все что в нем - соотв. все загружено

но при этом ответ для картинок например - не однозначен.

[Нарек]

Очень легко проверить. Закачайте на тупой хостинг html файл с картинкой в 20-30мб в размере, чем больше тем лучше, и следите за загрузкой страницы. 

Например можно закачать подобную картинку, ждать когда загрузится страница и открыв f12 убрать свойство display:none;. Если картинка появится сразу - значит все таки браузер загружает все несмотря на css.

[cyklop77]

ну зачем же тупой хостинг, в хроме, в режиме проверки мобильныйх устройств есть опция, которая включает имитацию слабого канала

[Alarr]

Ну да, в начале идёт HTML, потом уже вешаются стили. Если бы можно было с помощью пхп так сделать. ЧТо бы грузилось что-то одно или другое, но там походу получится какой-то страшный гибрид между js, ajax и PHP.