Изображения загружены и остаются скрытыми или они не загружены в скрытый div?
На мобильных сайтах я скрываю слайд-шоу, используя:
#slideshow{ display: none}
Загружаются ли изображения и остаются скрытыми или они не загружаются? Стоит ли использовать PHP на стороне сервера, чтобы избежать загрузки источников изображений?
Если они загружаются, что я могу сделать, чтобы ускорить просмотр и избежать потоковой передачи данных на мобильных устройствах?
Любые комментарии и предложения будут высоко оценены. Я не хочу, чтобы сайт в Mobile выглядел лучше, я стремлюсь сделать код идеальным …
Решение
Я думаю, что это зависит от браузера, который определяет загружать / не загружать изображения. Большинство современных браузеров делают это, чтобы обеспечить лучший опыт браузеров. Что касается скорости, изображения загружаются асинхронно. Так что это редко имеет значение. Но, согласно данным, на вашем месте я бы изменил PHP Script и избавился бы от него, поскольку вы заинтересованы в улучшении веб-структуры. Это может потребовать больших усилий, но это лучше, чем Javascript, который иногда загружается после изображений.
Это поможет вам обнаружить мобильное устройство в PHP:
Самый простой способ обнаружить мобильное устройство
Другие решения
Чтобы ответить на ваши вопросы:
Изображения загружаются в большинство браузеров. НЕ ВСЕ. Чтобы протестировать, попробуйте эту страницу с вашим браузером и посмотрите результаты:
Что нужно сделать, чтобы этого избежать: Помимо подходов jQuery, одним из распространенных методов в адаптивном дизайне является использование URI ДАННЫХ, как это:
data:[<mime type>][;charset=<charset>][;base64],<encoded data>
Преимущество этого заключается в том, что вы используете меньше запросов и не загружаете файлы, если они не отображаются на видимом элементе, поэтому это беспроигрышная ситуация
да, когда вы используете #slideshow{ display: none} изображения слайд-шоу загружены на мобильный телефон
Вы избегаете этого в слайд-шоу, я предлагаю вам использовать как:
$(document).ready(function(){
if ($(window).width() < 960) {
$("#slideshow").remove( );
}
});
Как насчет удаления контента с помощью jQuery, например:
$("#slideshow").html("");
Это делает содержание ничего. Но я не уверен, что это не поток. Поскольку Javascript DOM является динамическим, я думаю, что это должно работать. Вы можете загрузить высокие изображения и проверить данные, используемые при просмотре.