Что выбрать, адаптивный дизайн или мобильную версию сайта?
Отличия, преимущества и недостатки обоих вариантов
Давайте сразу определимся, что такое адаптивный дизайн и что такое мобильная версия сайта. Первый вариант предусматривает версию страницы, подстраивающуюся под разрешение устройства, с которого сайт просматривается. Мобильная версия, как правило, базируется на отдельном поддомене и представляет собой облегченный, отдельный и независимый от основного шаблон, с сохранением общего принципа верстки и фирменного стиля (цветовая гамма, логотипы, элементы навигации).
Адаптивный шаблон позволяет администратору сайта производить изменения на сайте «в один клик». То есть, добавленная страница или картинка сразу же доступна во всех версиях сайта. Мобильная версия вызывает неудобства при наполнении ресурса, поскольку изменения приходится вносить в каждом из шаблонов.
Пожалуй, одним из самых важных факторов неудобства адаптивной версии является то, что пользователь не может просматривать на устройстве версию для большого компьютера, поскольку отображение страницы строго привязано к размеру монитора. Мобильный шаблон даёт пользователю возможность выбора, и веб-страницы основного сайта можно просматривать на телефоне с самым маленьким разрешением.
Лучшее враг хорошего или почему не стоит отказываться от мобильной версии
В прошлом году Google объявил веб-мастерам о том, что намерен понижать в поисковой выдаче сайты, неудобные для просмотра с мобильных устройств, при этом рекомендовал в качестве мобильной версии сайты с адаптивным дизайном, тем самым декларируя правило: «Одна страница ¬– один адрес».
Данное желание Google вполне объяснимо и оправдано, ибо мобильный трафик растет в геометрической прогрессии. Помимо владельцев телефонов, Интернетом пользуются обладатели планшетных компьютеров. Кроме того, легко и быстро загружаемые сайты необходимы и тем, кто выходит в Сеть посредством 3G-сетей и им подобных.
Так что же выбрать, адаптивный дизайн, который так советует мегапоисковик, или же остановиться на привычной мобильной версии? И дело не только в рекомендациях и объявленных санкциях Google, дело действительно в удобстве работы с сайтом пользователям мобильного трафика. Адаптивная верстка, испытывающая подъем, удобна при просмотре с телефона тем, что не возникает необходимости масштабирования, но намного ли она легче десктопной? Ответ многих удивит, но версия сайта адаптированная под мобильные устройства по новомодной технологии весит не только намного больше, чем ее собрат, сверстанный отдельным шаблоном, но и в принципе обладает избыточным весом.
Дело в том, что изображение, которое скрывается от мобильного пользователя или просто сжимается, отобразится на дисплее телефона или планшета в уменьшенном виде. Но загрузится на устройство целиком и полностью. То же можно сказать и в отношении тех сегментов большого сайта, которые адаптивный дизайн скрывает от пользователей мобильных устройств. То есть, чтобы резюмировать, большое количество элементов сайта загружается браузером, но не показываются пользователю, а картинки загружаются в разрешении для большого сайта и урезаются, что не влияет на их размер и не снижает нагрузки на сервер. Кстати, именно по этой причине следует
Существующие исследования говорят о том, что пользователь в большинстве случаев покидает сайт, если страница грузится дольше трёх секунд. Кроме того, тот же Google ещё в 2010 году объявил, что «медленные» сайты будут пессимизированы при поисковой выдаче, побуждая веб-мастеров на снижение веса страницы и увеличения скорости ее загрузки. Кстати, именно по этой причине следует позаботиться о качественном хостинге, что также влияет на скорость загрузки вашего ресурса.
Одна страница – один адрес, плюс свобода выбора
Так как же поступить, чему отдать предпочтение? На самом деле решение есть. Современный дизайн сайтов подразумевает верстку веб-страниц, отвечающих всем требованиям, как поисковых систем, так и рядовых пользователей, вне зависимости от устройства, разрешения монитора или скорости доступа в Интернет. Сайт должен быть удобен всем! Это аксиома и одновременно конкурентное преимущество.
Дизайн Студия «Свой Сайт» предлагает разработку мобильной версии сайта, при которой соблюдается требование Google «одна страница – один адрес». При этом максимально снижается скорость загрузки страницы с сохранением функционала и стиля полной версии ресурса; изображения не сжимаются программными средствами, а в действительности обладают меньшими размерами и весом.