Инструкция для не-программистов

Как проверить сайт на оптимизацию и доступность

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

Простой и быстрый способ — использовать сайт Mobile friendly test от Google. Надо ввести URL и нажать «Проверить».

Фрагмент главной страницы Mobile friendly test

Результат проверки:

Результат проверки сайта

Если у сайта есть трудности с оптимизацией, сервис покажет, в чем причина (см. «Подробнее»).

Подробные сведения о проблемах

Частая ошибка — «роботу Googlebot заблокирован доступ в файле robots.txt».

2. Проверка скорости работы сайта

Снова использую гугловский сервис Google developers.

Фрагмент главной страницы Google developers

Он имитирует загрузку страницы и считает её скорость:

Результат проверки скорости загрузки по шкале от до 100

Значения цвета:

• От 0 до 49 (красный): плохо
• От 50 до 89 (оранжевый): требуется улучшение
• От 90 до 100 (зеленый): хорошо

Можно посмотреть подробности по каждому параметру:

Результат подробнее

И рекомендации по оптимизации скорости загрузки:

Рекомендации по улучшению скорости загрузки

3. Проверка на Accessibility (доступность)

Проверить сайт на доступность самостоятельно можно с помощью инструмента WAVE (WAVE Web Accessibility Evaluation Tool, «Инструмент оценки веб-доступности»).

Фрагмент главной страницы WAVE

Ввожу адрес сайта и получаю результат:

Результат проверки на доступность

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

Детали ошибок и способы устранения

Ещё один важный параметр доступности — контраст. Его я проверяю либо плагином Stark для Figma, либо сервисом WebAIM.

Результат проверки плагином Stark

Результат проверки сервисом WebAIM

Вот так с помощью простых сервисов можно быстро проверить оптимизацию и доступность сайтов.