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

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

Иногда бывает так, что в различных браузерах или даже в разных их версиях сайт отображается по-разному.

К примеру, в Google Chrome сайт отображается хорошо, а в Оpеra могут появляться какие-то ошибки, которые никак не смогут понравиться посетителям.

Может съехать заголовок, что-то показывает криво, либо вообще не открывается или картинка отобразится не должным образом.

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

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

Определяем браузеры посетителей

Сначала необходимо определить, какие браузеры используют посетители сайта. Узнать это можно в статистике Google Analytics.

Итак, заходим в раздел Аудитория — Технологии — Браузер и ОС.

Google Analytics

Получаем список всех браузеров, которыми пользовались люди при посещении сайта.

Список браузеров

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

Достаточно проверить те из них, которыми пользовались наибольшее количество посетителей.

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

Чтобы просмотреть версии, нужно просто в списке нажать на любой из них. Таким же образом анализируем только самые новые версии браузеров.

Имеется возможность в Google Analytics посмотреть такой существенный параметр, каким является показатель отказов.

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

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

Расценки платных сервисов достаточно высокие, от 20 до 100 долларов. Для верстальщика профессионала такие сервисы подойдут потому что затраты оправдаются.

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

Проверяем кроссбраузерность сайта

Чтобы попасть на один из неплохих бесплатных сервисов, набираем в адресной строке следующий адрес – browsershots.org.

Проверка сайта

На сервисе производится проверка, как отображается сайт в распространенных браузерах Google Crome, Mozilla Firefox, Opera и другие различных версий.

Открывается список браузеров, напротив которых надо поставить галочку, чтобы выполнить проверку именно в них.

Причем делать проверку только для одной операционной системы будет неправильно, потому как на ваш сайт могут заходить посетители и с Mac, Linux и других ОС.

Можно поставить даже все галочки. Внизу выбираем размер экрана, глубину цвета и другие вещи.

Далее в поисковой строке прописываем свой ресурс и нажимаем кнопку Отправить.

Проверка идет довольно долго, в данном случае обещают сделать за 14 минут, но результат получаем значительно быстрее. Проверка проведена в 188 браузерах и их версиях.

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

Скрины сайта в разных браузерах

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

Можно заметить, например, что в старых версиях некоторых браузеров отображение страниц может быть некорректным.

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

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

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *