Какие браузеры и разрешения экрана у сегодняшних пользователей

Перед любым разработчиком веб-сайта встает вопрос: какие браузеры должен поддерживать его сайт, и на какие разрешения экрана следует ориентироваться. Если разрабатывается сайт с многомиллионным бюджетом, причем ежедневно этот сайт могут посещать сотни тысяч пользователей, можно разработать сайт для нескольких десятков версий браузеров, и для абсолютно всех разрешений. Если же разрабатывается обычный сайт коммерческой организации, практически не используемые разрешения и браузеры принято не учитывать. Так что же можно игнорировать сегодня? Для определения реального состояния дел можно воспользоваться сервисом LiveInternet. Хотя эта система не охватывает всю русскоязычную часть интернета, информация о нескольких миллионах пользователей позволяет с достаточной точностью определить портрет потенциального посетителя любого отечественного сайта.

Какими же браузерами пользуется этот посетитель? Подавляющее большинство, около 94%, используют одну из четырех программ - Internet Explorer 6, Internet Explorer 7, Mozilla Firefox 2, Opera 9. При этом более половины используют браузер Internet Explorer 6 (IE6), но их количество постоянно уменьшается. Сегодня поддержка этих четырех браузеров обязательна, и проигнорировать ни один из них нельзя, если вы не хотите потерять более 10% посетителей сайта. Разработка только с учетом особенностей Internet Explorer может повлечь проблемы у четверти посетителей. К сожалению, требования IE6 сильно отличаются от требований других программ, так что приходится разрабатывать сайт с учетом спецификаций W3C и требований современных браузеров, а потом добавлять фрагменты, позволяющие правильно работать и IE6.

А что оставшиеся 6% посетителей? Какая-то часть из них является роботами поисковых систем и других служб. Если сайт корректно отображается в четырех основных браузерах, то и роботы смогут с ним работать. Точно так же корректно, скорее всего, сайт будет отображаться в предыдущих версиях Opera и Firefox, а также в последних версиях браузера Safari. Можно, конечно, проверить корректность работы, но, в большинстве случаев достаточно добиться работоспособности в основных версиях браузеров. При этом соответствие спецификациям W3C дает дополнительную уверенность, что сайт будет правильно отображаться.

Около 2% пользователей ходят в интернет с мобильных телефонов, и их доля постоянно растет. Тут есть определенные трудности, так как для того, чтобы сайт нормально работал с мобильного телефона, требуется приложить дополнительные усилия. В каждом конкретном случае следует решать, оправданы ли такие усилия. Если заказчику необходимо, чтобы его сайт нормально работал при просмотре с мобильных телефонов, следует провести дополнительные работы. Естественно, это несколько повысит стоимость разработки.

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

Получается, что сегодня любой разработчик при создании сайта должен добиться, чтобы сайт без ошибок и одинаково функционировал в браузерах Internet Explorer 6, Internet Explorer 7, Mozilla Firefox 2, Opera 9. Проверка функционирования в других браузерах чаще всего не обязательна. При необходимости просмотра сайта с мобильных телефонов, это следует учитывать дополнительно.

Другой технический вопрос, встающий достаточно часто: каково разрешение экрана у пользователя, просматривающего сайт? Воспользовавшись опять сервисом LiveInternet, легко узнать, что около 83% пользователей используют разрешения 1024x768 и 1280x1024, причем второе постепенно вытесняет первое. Дополнительно более 4% используют разрешение 1152x864, которое стоит между двумя основными. В итоге именно под эти разрешения следует оптимизировать сайт. У веб-дизайнеров часто установлены мониторы с высоким разрешением, и они не представляют, сколько людей пользуются разрешением 1024x768. Горизонтальная полоса прокрутки в этом разрешении снижает качество сайта, ведь она будет видна почти половине пользователей.

Разрешение 1600x1200 или более высокое пока использует около 4% пользователей. Многие из них открывают окно браузера не на весь экран, так что вполне допустимо, чтобы при больших, чем 1280 по ширине, разрешениях сбоку появлялась пустая область. Вместе с тем нарушение структуры изображения недопустимо, так что следует помнить о возможности использования сверхвысокого разрешения.

Разрешение 800x600 еще использует около 5% пользователей. Если оптимизировать сайт только под это разрешение, у большинства пользователей появятся слишком широкие пустые поля. Если же использовать резиновую верстку с изменениями от 800 до 1280, очень трудно будет добиться качественного внешнего вида сайта. Скорее всего, лучше, чтобы при разрешении 800x600 на экране появлялась горизонтальная полоса прокрутки.

Более мелкие, чем 800x600, разрешения используют очень малое количество пользователей персональных компьютеров, но такие разрешения чаще всего у мобильных телефонов. Как и в случае с браузерами, если сайт будут просматривать с мобильных телефонов, следует предусмотреть нормальную работу в сверхмалых разрешениях. Скорее всего, внешний вид сайта на мобильном телефоне будет не таким¸ как на обычном компьютере, так как разрешение экранов может отличаться почти на порядок.

Если не выдвигается особых требований, лучше всего оптимизировать сайт для разрешений от 1024x768 до 1280x1024. При более высоких разрешениях допускается появление свободных полей, а при более мелких – наличие горизонтальной полосы прокрутки. Если сайт должен быть доступен с мобильных телефонов, следует разработать отдельные решения для этого.

Андрей Коцюбинский, создание и поддержка сайтов

  • Комментарии запрещены.