Инструменты, чтобы проверить скорость загрузки веб-страницы, показатели Core Web Vitals и проблемы доступности. Сначала определите, что измерять: скорость опубликованной страницы, эффект изменения во время разработки или барьеры, с которыми сталкиваются пользователи клавиатуры и экранных дикторов.
Что нужно знать: Условия бесплатного использования зависят от инструмента и тарифа. Если в карточке не указано ограничение, относящееся именно к этому инструменту, проверьте квоты, водяные знаки и условия экспорта на официальной странице.
Accessibility Insights for Web — инструмент Microsoft в виде расширения для Chrome и Microsoft Edge: FastPass для быстрой проверки и Assessment для пошаговой оценки по WCAG 2.1 AA.
Проверка скорости и доступности сайта
PageSpeed Insights анализирует адрес страницы для мобильных и компьютеров и показывает полевые данные реальных пользователей вместе с лабораторными данными Lighthouse.
Проверка скорости и доступности сайта
WAVE — инструмент WebAIM, который отмечает значками ошибки доступности и WCAG прямо на веб-странице; доступен как онлайн-инструмент и как расширение для браузера.
Проверка скорости и доступности сайта
Измерьте одну и ту же страницу несколько раз с мобильными и настольными настройками; результаты зависят от места теста, сети и нагрузки на сервер. Исправьте несколько самых крупных проблем из отчёта и повторите измерение в тех же условиях, чтобы сравнить.
Лабораторные тесты измеряют одно смоделированное устройство, а данные реальных пользователей (полевые данные) могут отдельно показываться для страниц с достаточной посещаемостью. Уточните в официальной документации, какие данные использует инструмент, откуда он тестирует и какие лимиты есть в бесплатном тарифе.
Высокий балл означает, что сайт быстрый? Балл обобщает измерения в одних условиях теста, а у реальных посетителей другие устройства и соединения. Вместо погони за баллом смотрите, когда появляется первый контент, как быстро страница реагирует на действия и не смещается ли вёрстка.
Достаточно ли автоматической проверки доступности? Автоматические инструменты находят часть проблем — отсутствие альтернативного текста, низкий контраст, поля форм без подписей, — но не все. Пройдите страницу только с клавиатуры, прослушайте её экранным диктором и проверьте при увеличении.
Сравнение основано на опубликованной официальной документации. Это не практическое тестирование и не рейтинг качества. Неизвестные функции не считаются подтверждёнными.
| Название приложения | Accessibility Insights for WebРасширение | PageSpeed InsightsВеб-сайт | WAVEВеб-сайт |
|---|---|---|---|
| Бесплатный результат | Да | Не подтверждено | Не подтверждено |
| Без регистрации | Не подтверждено | Не подтверждено | Не подтверждено |
| Без водяного знака | Не подтверждено | Не подтверждено | Не подтверждено |
| Без интернета | Не подтверждено | Не подтверждено | Не подтверждено |
| Пакетная обработка | Не подтверждено | Не подтверждено | Не подтверждено |
| Язык контента | Не подтверждено | Не подтверждено | Не подтверждено |
| Что нужно знать / Источники и дата проверки | Возможности могут зависеть от устройства и способа доступа. Источники и дата проверки | Источники и дата проверки | Источники и дата проверки |