Изображения загружены и остаются скрытыми или они не загружены в скрытый div?

На мобильных сайтах я скрываю слайд-шоу, используя:

#slideshow{ display: none}

Загружаются ли изображения и остаются скрытыми или они не загружаются? Стоит ли использовать PHP на стороне сервера, чтобы избежать загрузки источников изображений?
Если они загружаются, что я могу сделать, чтобы ускорить просмотр и избежать потоковой передачи данных на мобильных устройствах?

Любые комментарии и предложения будут высоко оценены. Я не хочу, чтобы сайт в Mobile выглядел лучше, я стремлюсь сделать код идеальным …

1

Решение

Я думаю, что это зависит от браузера, который определяет загружать / не загружать изображения. Большинство современных браузеров делают это, чтобы обеспечить лучший опыт браузеров. Что касается скорости, изображения загружаются асинхронно. Так что это редко имеет значение. Но, согласно данным, на вашем месте я бы изменил PHP Script и избавился бы от него, поскольку вы заинтересованы в улучшении веб-структуры. Это может потребовать больших усилий, но это лучше, чем Javascript, который иногда загружается после изображений.

Это поможет вам обнаружить мобильное устройство в PHP:
Самый простой способ обнаружить мобильное устройство

4

Другие решения

Чтобы ответить на ваши вопросы:

Изображения загружаются в большинство браузеров. НЕ ВСЕ. Чтобы протестировать, попробуйте эту страницу с вашим браузером и посмотрите результаты:

Показать IMG тест

Что нужно сделать, чтобы этого избежать: Помимо подходов jQuery, одним из распространенных методов в адаптивном дизайне является использование URI ДАННЫХ, как это:

data:[<mime type>][;charset=<charset>][;base64],<encoded data>

Преимущество этого заключается в том, что вы используете меньше запросов и не загружаете файлы, если они не отображаются на видимом элементе, поэтому это беспроигрышная ситуация

3

да, когда вы используете #slideshow{ display: none} изображения слайд-шоу загружены на мобильный телефон

Вы избегаете этого в слайд-шоу, я предлагаю вам использовать как:

   $(document).ready(function(){
if ($(window).width() < 960) {
$("#slideshow").remove( );
}
});
1

Как насчет удаления контента с помощью jQuery, например:

$("#slideshow").html("");

Это делает содержание ничего. Но я не уверен, что это не поток. Поскольку Javascript DOM является динамическим, я думаю, что это должно работать. Вы можете загрузить высокие изображения и проверить данные, используемые при просмотре.

0
По вопросам рекламы [email protected]