Для чего нужна Кроссбраузерность? что это такое и как проверить.

4.75 1 1 1 1 1 1 1 1 1 1 Рейтинг 4.75 (2 Голосов)

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

  • Google Chrome; 
  • Android Browser;
  • Safari / Mobile Safari; 
  • Mozilla Firefox / Firefox Mobile; 
  • Яндекс.Браузер
  • Opera / Opera Mini / Opera Mobile; 
  • Internet Explorer / Microsoft Edge.
Кроссбраузерность сайта

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

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

Обратимся в статистику Яндекс радара и просмотрим какие браузеры популярны у пользователей в России за первое полугодие 2019 года.

Статистика использования браузеров в России за первое полугодие 2019 года:

Браузер

Визиты

% использования

Google Chrome 47 706 293 261 40,21 %
Яндекс.Браузер 24 004 379 155 20,23 %
Safari 12 577 972 612 10,60 %
Opera 6 418 965 881 5,41 %
Firefox 5 392 763 021 4,55 %
Android Browser 3 516 795 806 2,96 %
Samsung Internet 3 164 872 580 2,67 %
Internet Explorer 2 311 304 932 1,95 %
Edge 1 862 709 195 1,57 %
MIUI browser 1 607 915 115 1,36 %
UC Browser 519 002 938 0,44 %
Amigo 352 966 625 0,30 %
Остальные 9 213 328 818 7,77 %

Можно отметить первые шесть - Google Chrome, Яндекс.Браузер, Safari, Opera, Firefox, Android Browser.

Теперь уточним в Google Аналитике с каких браузеров к нам заходили люди в последнее время

Аудитория ->

Технологии ->

Браузеры и ОС

Гугл Аналитика, технологии, браузеры и ОС

Топ у нас практически такой же как и в статистике по стране. Значит мы идем в верном направлении и выделяем для себя топ браузеров с следующими приоритетами:

  1. Google Chrome - Явный лидер, максимальное внимание к нему.
  2. Яндекс.Браузер - Занимает второе значимое место.
  3. Firefox \ Safari \ Opera \ Android Browser - Менее значимо, но так же актуально.
  4. Internet Explorer \ Edge - Глазком взглянуть и дальше не копать.
  5. Все остальное можно будет смотреть только тогда когда делать вообще нечего, чего обычно не бывает.

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

Аудитория -> 

Технологии ->

Браузеры и ОС - >

-> Дополнительный параметр

-> Рекомендованные

-> Пользователи

-> Версия браузера

Гугл Аналитика, технологии, браузеры и ОС, фильтр

Это полная информация о том с каких версий браузеров к нам заходили пользователи и показатель отказов. 

Отчет по отказам в кроссбраузерности, Гугл аналитика

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

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

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

browsershots.org - условно бесплатный сервис по проверки кроссбраузерности сайта. Он делает скриншоты вашего сайта в разных браузерах и предоставляет вам визуальный отчет прямо на странице, запрос на проверку выполняется от 2 до 30 минут в зависимости от загрузки сервиса, качество порою желает лучшего. Эти скриншоты доступны всему интернету, да и создается много внешнего пустого трафика который может вас запутать в отчетах и добавит лишних показателей отказа на сайт. Попробовать один раз можно, как минимум для саморазвития.

 P.S. - Из бесплатных не нашлось ни одного сервиса который бы проверял Яндекс.Браузер.