Modern Web Guidance и Baseline: как выбрать поддержку браузеров по реальному трафику
Поддержка браузеров — это не список, который один раз записывают в техническое задание. Он зависит от аудитории, функций сайта и стоимости запасного решения. Baseline помогает увидеть зрелость веб-возможности, а данные аналитики — понять, кто действительно приходит на страницу.
Почему список поддерживаемых браузеров не должен быть вечным
Фраза «поддерживаем последние две версии» выглядит удобно, но не отвечает на вопрос о пользователях. На старом телефоне может быть новый браузер, а на корпоративном компьютере — устаревшая ОС с ограничениями. Поэтому сначала определите реальные сегменты.
Разница между «работает» и «поддерживается»
«Работает» означает, что базовый сценарий случайно прошёл проверку. «Поддерживается» означает, что команда знает границы, проверяет обновления и имеет fallback. Для формы это может быть отправка заявки, а для сложного эффекта — нейтральный статичный вариант.
Цена fallback для маленького сайта
Не каждая современная возможность стоит отдельной реализации. Если функция декоративна, оставьте простой CSS или обычный HTML. Если она влияет на выбор товара или заполнение формы, запасной путь обязателен.
Что такое Baseline и что он не гарантирует
Baseline описывает доступность веб-функции в основных браузерах на определённый момент. Это удобная общая точка, но не замена тесту конкретного устройства, разрешения, шрифта и сценария.
Дата доступности функции
Статус меняется со временем. В статье, документации и задаче фиксируйте дату проверки. Для beta-возможности не обещайте поддержку в продакшене: она может исчезнуть или изменить API.
Разрыв между браузером и устройством
Поддерживаемая CSS-функция не гарантирует нужную производительность. Старый смартфон может отрисовать эффект, но перегреться или потерять отзывчивость. Поэтому в план включайте слабое устройство и медленную сеть.
Как связать Baseline с аналитикой
Выгрузите браузеры, ОС и долю мобильных пользователей за период, который отражает обычную аудиторию. Не принимайте решение по одному дню с рекламной кампанией. Разделите пользователей сайта и отдельного важного пути, например формы заказа.
Сегменты по браузеру и ОС
Отдельно посмотрите Chrome Android, Safari iOS, Firefox и корпоративные версии. Если аналитика объединяет версии, уточните, какие данные можно получить из отчёта. Небольшой сегмент может быть критичным, если это ваш платёжный или B2B-клиент.
Минимальный процент покрытия
Порог выбирает редактор или владелец продукта. Для декоративной анимации допустим один процент, для заявки — обычно требуется почти полное покрытие. Важно записать исключения, а не скрывать их в формулировке «современные браузеры».
Как принять решение по новой CSS-функции
Сначала опишите пользу. Затем проверьте Baseline, соберите процент аудитории и выберите fallback. После этого протестируйте основной сценарий в двух современных браузерах и одном старом из реального сегмента.
Прогрессивное улучшение
Базовый HTML и понятный порядок действий должны работать без нового эффекта. Дополнительный CSS или JavaScript улучшает внешний вид, но не должен убирать смысловое содержимое.
Fallback без дублирования логики
Старайтесь дублировать только представление. Данные формы, ссылки и заголовки должны оставаться общими. Если для каждого браузера появляется отдельная бизнес-логика, новая функция, вероятно, пока слишком дорога.
Чек-лист перед релизом
Зафиксируйте дату проверки, список функций, аудиторию и fallback. Запишите, на каком устройстве тестировали, какой браузер использовали и какой результат считается достаточным. Через месяц или после крупного обновления повторите аудит.
Основной сценарий и отказоустойчивость
Проверьте вход на страницу, навигацию, форму и сообщение об ошибке. Отключите JavaScript и уменьшите ширину окна, если это соответствует рискам сайта. Отказ не должен превращаться в пустой экран.
Когда пересматривать цель поддержки
Пересматривайте её при изменении аудитории, добавлении платежей, миграции дизайна или крупном релизе браузера. Это дешевле, чем обнаружить несовместимость после публикации.
