1. Найдите орфографические ошибки на странице.

Найдите орфографические ошибки на выбранном сайте.

Рекомендуется использовать дополнение к браузеру Chrome Yandex spell checker, а также подсматривать в исходный код страницы.

2. Проверьте соответствие страницы стандарту HTML.

Сайт должен отвечать техническим стандартам:

  • кодировка UTF-8 (либо другая оговоренная в ТЗ);
  • стандарт HTML;
  • стандарт CSS (стоит отметить, что в этой проверке предупреждения допустимы, а ошибки – нет).

Правильность соблюдения стандарта написания кода можно проверить с помощью сервисов от w3.org: достаточно написать адрес страницы в специально отведенное поле и запустить проверку. Все, что не попадает под «стандарты», будет обозначено словом ERROR.

Проверьте код страницы выбранного сайта на соответствие стандарту HTML.

Используйте валидатор https://validator.w3.org/nu/ или любой другой аналогичный, например https://whatwg.org/validator/.

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

3. Проверьте выбранный сайт на соответствие стандарту CSS, насколько качественно там описаны стили.
Используйте для проверки валидаторы:
https://jigsaw.w3.org/css-validator/
https://validator.w3.org/unicorn/

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

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

Адаптивность сайта – это уже стандарт. 90% современных веб-сайтов уже разрабатываются адаптивноАдаптивная верстка подразумевает под собой отличное отображение веб-страницы на любых ПК, планшетах или мобильных телефонах.

Resolution Test поможет при тестировании веб-приложений на разных разрешениях и размерах экрана. Выбрать распространенное разрешение можно из списка, или же ввести необходимые размеры вручную. Это расширение изменяет размеры браузера и эмулирует ваше приложение в нужном разрешении экрана.

Window Resizer – еще одно полезное для веб-тестирования расширение. Делает в Chrome то же самое, что Firesizer для Firefox, – изменяет размеры окна браузера, эмулируя различные разрешения экрана. Позволяет увидеть, как верстка сайта поведет себя при различных размерах экрана. Позволяет выбрать предустановленные разрешения и добавлять новые. Отличается от Resolution Test возможностью устанавливать горячие клавиши, а также экспортировать свои настройки и переносить их на другой компьютер.

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

Еще один плагин от Google. Лучшая часть этого инструмента заключается в том, что он определяет, где ваш сайт может «тормозить» или плохо отображаться на мобильных устройствах, чтобы вы могли исправить ошибки.

5. Проверьте скорость загрузки сайта.

Для проверки используйте сервисы:

https://developers.google.com/speed/pagespeed/insights

https://tools.pingdom.com

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

Контрольные вопросы для самопроверки:

  1. Чем отличаются нефункциональное тестирование от функционального?
  2. Чем отличается нагрузочное тестирование от стресс-тестирования?
  3. В чем заключается разница между юзабилити-тестированием и тестированием GUI?