заявка на сайт
Дарья Кулага
Программист
Поделиться

Адаптивный дизайн VS мобильная версия. Что выбрать?

636

Сегодня ни один современный человек не мыслит себя без мобильного телефона, так как желает всегда быть на связи, а так же в курсе последних событий. С помощью мобильников можно совершить практически любые покупки, оплатить услуги, выложить фотографии в социальные сети и многое другое. Все это стало возможным благодаря тому, что разработчики интернет-ресурсов стали уделять большое внимание не только созданию основного сайта, но и его мобильной версии.  Адаптированная под мобильные устройства версия сайта обычно имеет упрощенный дизайн и включение лишь основного функционала сайта, что в разы ускоряет загрузку сайта на телефонах и планшетниках. При этом у пользователя почти всегда имеется возможность перейти на полную версию сайта. Для реализации отдельной версии сайта под мобильные устройства на сегодняшний день имеется довольно много современных технологий. Вот самые распространенные из них.  Фреймворк JQuery Mobile: используется для обработки событий смартфонов и планшетников, например, прикосновения к сенсорному экрану.  Media Queries (часть спецификации CSS3): помогает подстроить внешний вид любой страницы под разные разрешения экранов.  Еще одним вариантом создания мобильной версии сайта является использование адаптивного дизайна самого сайта. При таком подходе ширина страницы меняется в зависимости от ширины экрана, и блоки сайта «складываются» один под другой.  И тот, и другой подход имеет свои плюсы и минусы.  Преимущество отдельной мобильной версии в скорости ее загрузки и меньшей ресурсозатратости, но содержимое основного сайта доступно не полностью. С другой стороны, адаптивный дизайн сайта предоставляет посетителю полный контент сайта в удобном мобильном виде, но и увеличивает время загрузки.  Какую версию выбрать? Думаю, нужно отталкиваться от задач!


Наверх