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?