Совместимость с браузером

Совместимость с браузером

Разные браузеры по-разному отображают сайты. Так, в Firefox ваш сайт может иметь один вид, а в Internet Explorer – другой. Изучите свой сайт с помощью браузеров, используемых вашими посетителями; проверьте, работают ли форма регистрации, расчета за покупки, контактные формы и все прочее. Вы должны убедиться, что сайт функционирует хорошо и обеспечивает возможность конверсии независимо от браузера.

Сайт w3schools.com отслеживает глобальную статистику по браузерам, JavaScript, разрешению экрана, операционным системам и т. п. По состоянию на ноябрь 2011 года у ведущих браузеров, как сообщает w3schools.com, доля рынка была следующей:

1. Chrome (33,4 %).

2. Firefox (38,1 %).

3. Internet Explorer (21,2 %).

4. Safari (4,2 %).

5. Opera (2,4 %).

Свежие статистические данные по доле рынка браузеров вы можете изучить самостоятельно: www.w3schools.com/browsers/browsers_stats.asp.

Общая доля рынка Firefox и Chrome достигает 71,5 %. Если ваш сайт корректно отображается обоими, логично ли предположить, что 71 % интернет-пользователей могут просматривать ваш сайт?

Ответ – категорически нет. Эти цифры отражают статистику по всему миру и могут быть неприменимы к вашему сайту в принципе. Например, статистика моего блога (CertifiedKnowledge.org/blog) дает совершенно иную картину использования браузеров Chrome и Internet Explorer (см. рис. 5.8).

Рис. 5.8. 43,35 % трафика в мой блог обеспечивает браузер Google Chrome

В те времена, когда у Chrome было менее 10 % рынка, среди аудитории моего блога этим браузером пользовались 35 % посетителей и почти половина – Firefox. А доля трафика с Internet Explorer более чем за два года ни разу не поднималась выше 15 %. А один сайт, с которым я работаю, получает 70 % трафика и вовсе с браузеров Opera и Safari.

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

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

Когда вы тестируете работу своего сайта в разных браузерах, устанавливайте ту версию, которая предусмотрена по умолчанию, поскольку многие пользователи не меняют настроек. Чтобы вернуть настройки Internet Explorer к параметрам по умолчанию (если вы меняли их), надо в меню «Сервис» выбрать «Свойства обозревателя» и перейти на вкладку «Дополнительно» (рис. 5.9).

Рис. 5.9. Internet Explorer: вкладка «Дополнительно» в «Свойствах обозревателя»

Возникает множество ошибок, для которых вы можете задать браузеру команду не показывать их снова. Но тогда вы не сможете обнаружить их, просматривая сайт на предмет корректности отображения.

В целом рекомендую следующий подход: посмотрите, какие браузеры обеспечивают вам более 5 % трафика (если обнаружится браузер с малым процентом трафика, но с высоким коэффициентом конверсии, возьмите его на заметку) и на своем компьютере сохраните параметры настройки по умолчанию. В Firefox можно создать новый профиль с настройками по умолчанию.

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

Существуют сервисы, например AnyBrowser.com (www.anybrowser.com/site-viewer.html), которые обеспечивают просмотр сайта через разные браузеры. Они не заменят проверки реальным пользователем в реальном браузере, однако полезны, если у вас не установлено несколько операционных систем или нет компьютера определенного типа (например, Mac).

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