Три подхода к современной мобильной разработке
Разбираемся в мобильных версиях
Сегодня я хотел бы поговорить о современных мобильных интерфейсах. Наверное, многие из вас заметили, что за последнее время большинство сайтов получили поддержку корректного отображения на мобильных устройствах.
Связано это, в первую очередь с тем, что на сегодняшний день 80% людей пользуются мобильными устройствами для просмотра развлекательного контента, более 40% людей пользуются телефонами для совершения покупок в интернет магазинах, а также для заказов услуг.
На сегодняшний день, поисковыми системами ресурсы с наличием мобильной версии ранжируются выше. Также учитывается наличие мобильного приложения.
Мобильные версии бывают разные
При разработке мобильной версии сайта используется два подхода: верстка сайта адаптивно, разделение полной и мобильной версии на уровне сервера, а также совмещение этих двух типов.
В чем различия?
В первую очередь, давайте посмотрим плюсы и минусы этих подходов.
Серверное разделение
Плюсы:
- Актуальность контента. При серверном разделении, можно отдавать пользователю другую версию сайта — убрать ненужное, то что может не понадобиться, и оставить только самое необходимое. Во многом, этот подход дает пользователю лучшее представление информации, нежели адаптивная версия.
- Производительность. Производительность такой версии сайта будет выше: удаляются все ненужные блоки, все ненужные javascript и css. Остаются только необходимые элементы.
Минусы:
- SEO. Поисковые системы хуже воспринимают серверное разделение. Google ставит в приоритет адаптивную верстку, нежели отдельную верстку. Связано это во многом с контентом, ведь сложнее ранжировать две версии сайта, чем одну.
- Время разработки. Время разработки значительно увеличивается: работа с контентом, отдельная верстка, проверка всех страниц, которые имеются на полной версии сайта, отрисовка отдельных элементов и написание отдельных текстовых блоков — все это отнимает достаточно много времени.
Вывод: для того, чтобы пользователь получил только то, что ему необходимо, а также получил производительный ресурс, стоит использовать серверное разделение. В то же время это негативно скажется на SEO, а также увеличит бюджет на разработку.
Адаптивная мобильная версия
Плюсы:
- Современные стандарты. При верстке сайта адаптивно, мы получаем достаточно громоздкий на вид код, однако современные средства разработки позволяют передать мобильному устройству, какие типы контента необходимо загружать, а какие нет.
- Скорость. Скорость разработки при верстке адаптивно значительно увеличивается.
- SEO. Адаптивные сайты лучше ранжируются, однако только в том случае, если код написан грамотно. Для проверки скорости загрузки вашего сайта полной и адаптивной версии используйте Google PageSpeed Insights.
Минусы:
- Время загрузки страниц. Даже при грамотном написании кода, время загрузки страниц увеличивается. При неграмотной разработке, оно увеличивается многократно.
Комбинированый подход
При использовании комбинированного подхода, стоимость разработки значительно увеличивается. Однако, пользователь получит хорошее качество сайта и поисковые системы будут хорошо ранжировать ваш сайт.
К плюсам также можно отнести отдельную категорию пользователей, которые используют опцию «просмотр полной версии сайта» на мобильных устройствах — они получат оптимизированную под их устройство версию сайта и останутся с вами.
Вывод: располагая бюджетом, лучше использовать комбинированый подход, который оставит приятное впечатление у пользователей, а также вы получите хороший трафик из поисковых систем.
Cackle
