Как оптимизировать сайт под мобильные устройства

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

Как выполнять оптимизацию под мобильные устройства

kak-optimizirovat-sajt-pod-mobilnye-ustrojstva

1. Скорость загрузки страниц

Очень важно чтобы мобильный сайт отличался высокой скоростью загрузки страниц. Это критически важный момент. Дело в том, что мобильный интернет все еще медленный, поэтому важно оптимизировать страницы так, чтобы они загружались как можно быстрей.

Не стоит использовать сложные скрипты и желательно для мобильной версии на страницах отображать маленькие картинки. Также придется оптимизировать и работу кода движка. Кстати, если кому интересно узнать, что такое placeholder color, и как можно на него воздействовать при помощи css, то советую заглянуть на блог html5.by. Там можно найти много интересных и полезных статей по web-дизайну. Ну а теперь вернемся обратно к оптимизации сайта под мобильные устройства.

2. Область просмотра

Чтобы мобильные браузеры корректно отображали содержимое страниц необходимо научиться правильно пользоваться тегом viewport. В противном случае с сайта телефон будет загружать полноценную версию для компьютеров. Шрифты на таких неоптимизированных сайтах очень мелкие, их неудобно читать на мобильном телефоне.

3. Оптимизация области контента

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

4. Большие размеры для активных элементов

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

5. Не стоит использовать плагины

Silverlights, Flash и прочие модные технологии сильно замедляют работу браузера. Даже для стационарных компьютеров не рекомендуется создавать сайты с обилием подобных скриптов. К тому же все подобные технологии не всегда корректно работают на различных планшетах и смартфонах. Поэтому лучше не использовать их.

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

Пока нет Комментариев... Стань Первым!

Добавить комментарий

Вы должны авторизоваться для отправки комментария.