Сейчас разработка сайтов в Украине смещается в сторону адаптивного дизайна — приходится соблюдать интересы обладателей мобильных устройств. Владельцы телефонов не станут ждать, пока ваш ресурс загрузится — этого не выдержат ни их нервы, ни батареи.

Что нужно учитывать

Существует множество факторов, которые придётся учитывать разработчикам мобильного дизайна. Вот основные:

  • маленькие экраны устройств;
  • слабые батареи;
  • настройки роутера;
  • длительность загрузки;
  • разрешение дисплеев;
  • сжатие контента.

Маленькие экраны и постоянный мониторинг

Для связи мобильные гаджеты используют радиоволны — они серьёзно воздействуют на заряд встроенной батареи. Любое изготовление сайтов предусматривает железную аксиому — через 3 секунды загрузки интерес к ресурсу теряется. Пользователь начинает искать более быстрые сайты. 3G и 2G радиоволны соединяют пользователя с интернетом за 2 секунды. У создателей сайта остаётся секунда, в течение которой сайт должен отобразиться на маленьком экранчике.

Площадь среднестатистического смартфона составляет шесть квадратных дюймов. Чтобы контент «влез» в экран мобильника, его не нужно сокращать — достаточно оптимизировать. Успев загрузить страницу на экран мобильника за 1 секунду, вы сохраняете 40% потенциальных посетителей.

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

Облачные архитектуры и сжатие контента

Сейчас на пике популярности находится облачная архитектура. По отзывчивости данный тип архитектуры существенно уступает аналогам — задержка достигает 200 мс (плюс время обработки). Речь идёт о 20% эталона загрузочной секунды. Отсюда вывод — пользоваться облачными архитектурами надо осторожно.

Любой контент нуждается в оптимизации и сжатии. Вам придётся поработать над:

  • картинками;
  • видео;
  • HTML;
  • CSS.

Популярный способ решения проблемы картинок — создание трёх типов изображений и загрузка каждого типа на соответствующее устройство. Тут имеются «подводные камни» — идеально оптимизировать все типы не получится. Чтобы выработать грамотное решение, вы должны настроить скорость соединения и задуматься над регулярным мониторингом характеристик пользовательских устройств.



Оставить комментарий