Какие браузеры используются в Рунете?

March 30, 2012 Chrome CSS Firefox Opera OS X Safari Windows браузеры верстка

Однажды я наверстал и запустил один студенческий форум и остался весьма доволен его внешним видом. То есть, конечно, тем, как он выглядел в Firefox. То есть, оставался довольным, пока одна девочка не сообщила (вежливо), что форум хорош, но между постами слишком много свободного пространства.

Открыв своё создание в Internet Explorer, я узнал, что из-за float-ов, стоящих в неправильном порядке, сайт представлял собой “лесенку” - панелька с аватаром слева, пустое место справа, потом пост справа, пустое место слева, и так далее. Было стыдно.

С того момента я понимаю, что сайты нужно проверять не только в своем любимом браузере.

Короче. На примере трех моих сайтов проанализируем ситуацию с браузерами в Рунете.

Сайт номер один – айтишный

Этот сайт (да, этот) посещают специалисты компьютерных технологий, со смещением в сторону веб-разработки. Популярные статьи неайтишной тематики я исключил.

ОС:

Браузеры:

Айтишники ожидаемо пользуются Хромом, ожидаемо большая доля сидит на маках, и еще большая - на Линуксе. Этот сайт тут для контраста.

Сайт номер два – автомобильный

Этот сайт посещают люди, которые хотят продать или купить автомобиль.

ОС:

Браузеры:

Сайт номер три – девчачий

Этот сайт посещают исключительно днепропетровские девушки.

ОС:

Браузеры:

Выводы

Windows – основная OS

И проверять любой сайт нужно в первую очередь на Windows.

Не стоит отмахиваться от разницы в операционных системах. Для начала, в каждой ОС своя система отрисовки шрифтов. Это значит, то вся твоя типографика, которую ты вылизывал на своем артистичном креативном маке, будет под Windows смотреться по-другому. Веб-шрифты – в особенности.

Троица браузеров рунета: Opera, Firefox, Chrome

Вот это было для меня откровением. В то время, как западные аналитики меряют Хром с Фаерфоксом, пользователь Рунета преспокойно выбирает Оперу. Которую я-то и за браузер не считаю обычно.

К счастью, Opera справляется с современными сайтами гораздо лучше, чем проблемный IE – но это не значит, что её можно игнорировать. Только что открыл этот блог и увидел, что исходники рисуются Arial–ом. Беда.

Вместо IE можно потратить силы на адаптацию для мобильных

Я не говорю, что под IE совсем не надо проверять. Конечно, нужно, чтоб сайт выглядел адекватно. Но убивать дни на вылизывание мелких деталей ради – нерационально.

Число пользователей IE чуть-чуть больше, чем число мобильных пользователей. Могу поспорить, что у твоего сайта больше проблем с мобильным видом, чем с IE.

Не чурайся мобильных пользователей

Около 5% посещений составляет Opera Mini. Опера-хренова-мини. Не эти ваши андроидные браузеры, и не мобильная Сафари. Нет, это самый простой телефонный браузер. Видал, в маршрутках сидят девочки с каким-нибудь SE K750 и читают Вконтакте? Так вот, таких людей много, и сделать сайт удобным для них не так уж и сложно.

TL;DR

Проверь свой сайт в Опере, сделай адаптированный для мобильных CSS, проверь шрифты на Windows.

Да, я знаю, что можно было просто почитать чужую аналитику. Но свою разбирать интереснее.

Buy Me a Coffee at ko-fi.com