mobile-phone-572865_1920

Что означает термин — «Mobile First»?

Создавая интернет странички возможны два решения. Первое – начать с дизайна странички для больших экранов (компьютеров) и постепенно адаптировать её для маленьких экранов (мобильных устройств).

Или начать проектировать страничку для маленького экрана (“Mobile first”) и постепенно приспособить её для больших экранов. Попробуем выяснить какой же вариант более актуальный на данный момент.

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

Почему создавая интернет страничку лучше всего начинать с мобильных устройств?

  • Разнообразие, количество и использование мобильных устройств очень быстро растет, следовательно будет возрастать и количество пользователей мобильных устройств.
  • Разработка веб-сайта “Mobile-first” обязует сосредоточиться на содержании и функциональности веб-странички.
  • Когда изначально веб-страничка создается для большого экрана (компьютера), для того чтобы адаптировать её для маленьких экранов CSS правила переписываются используя “media queries” (определяется конкретная ширина экрана и описывается как должны расположиться элементы странички). При загрузке интернет странички, браузер читает CSS файл сверху вниз, поэтому открыв такую страничку в мобильном устройстве будет загружаться весь файл – и те правила которые предназначены для больших экранов, и правила для мобильных устройств. Это будет отрицательно влиять на скорость загрузки странички, так как дополнительно загружаются ненужная часть правил (те, которые предназначены для больших экранов). Для того чтобы улучшить скорость загрузки веб-странички для мобильных устройств нужно придерживаться стратегии “mobile first”. Это означает, что сначала CSS правила прописываются для мобильных устройств, а потом используя “media queries” расположение элементов странички подстраивается под большие экраны. Открыв такую страничку в телефоне, будут загружаться только правила предназначенные для мобильных устройств, поэтому страничка загрузится намного быстрее.
  • Google учитывает не только  является ли веб-страничка адаптивной (реагирующей), но и смотрит на скорость загрузки. Поэтому странички которые загружаются быстрее будут лучше оцениваться.

Начиная новый проект лучше всего начинать с мобильных устройств. Можно сказать, что “Mobile-first” считается лучшей стратегией для создания адаптивной (реагирующей) интернет странички, это решение дизайна веб-страничек ориентированное на будущее.

Думаете о собственной интернет страничке? Не знаете с чего начать? Обращайтесь, поможем и ответим на все Ваши вопросы.

facebooktwittergoogle_plus