Веб студия » Блог » Как тестировать веб-сайт: основные этапы и советы
Дата публицакии: 6 сентября 2020

Как тестировать веб-сайт: основные этапы и советы

Создание сайта – процедура сложная, где каждый участник команды выполняет конкретные действия. Завершающий этап всего процесса – web тестирование сайтов. Данная процедура играет важнейшую роль в создании ресурса, так как именно от качества тестирования зависит дальнейшая жизнь проекта. Как показывает практика, многие разработчик не уделяют должное внимание этому этапу, полагаясь исключительно на свои знания и опыт. И что мы получаем в результате?  Ошибки, которые приводят к колоссальным затратам времени, сил и денег. Ресурс, работающий некорректно, вызывает у пользователей негатив, в результате доверие к компании падает, что негативно влияет на ее репутацию. Тест сайта может занимать до 50% времени и бюджета. В данной статье мы расскажем, откуда взялась эта цифра и как тестировать сайт, его этапы и методы.

Как тестировать веб-сайт: основные этапы и советы, brainlab

Основные методы и цели тестирования веб-сайта

Основная цель тестирования – проверка функционирования ресурса на соответствие с предъявленными требованиями. Казалось бы, как можно проверить сайт или ПО на ошибки, если изначально никто не пользуется проектом? Все просто. Тестировщики специально создают искусственные ситуации, которые могут в будущем возникнуть в работе с ресурсом. Проводится анализ поведение ресурса на предложенных условиях. Когда специалист обнаруживает баг (профессиональное название ошибки) он передает свой отчет project-менеджеру, который в дальнейшем распределяет работу по своему устранению среди других участников проекта. Когда ошибки устраняют, сайт вновь тестируют. Тестирование будет проводиться до тех пор,  пока сайт не станет идеальным.

Как тестировать веб-сайт: основные этапы и советы, brainlab

Тестирование на ошибки осуществляется разными методами и, чтобы добиться корректного функционирования сайта, специалисты создают определённый план действий.

Этапы тестирования веб-проектов

  • Тестирование функциональности;
  • Проверка usability сайта (удобство пользования);
  • Тест производительности;
  • Проверка на безопасность;
  • Тестинг интерфейса, UI Testing. 

Рассмотрим подробнее каждый этап проверки и разберемся в подробностях.

Как тестировать веб-сайт: основные этапы и советы, brainlab

Функциональное тестирование сайта

Функциональное тестирование сайта – вид проверки, выявляющий неправильную работу функционала программы.

Чек лист функционального тестирования:

  • Проверка правильности работы главных функций ресурса.
  • Обнаружение ссылок ведущих к одной странице.
  • Корректность внутренних ссылок.
  • Проверка пользовательских форм. Сюда входят: добавление комментарии в блог, обратная связь и прочее.
  • Проверка полей и страниц «авторизация», «регистрация».
  • Корректность работы «Покупка товара» (добавление в корзину).
  • Проверка добавление, удаление и редактирование данных пользователей, товаров и заказов.
  • Сверка контента, имеющегося на сайте с тем, что представил заказчик.

Функциональное тестирование ресурса бывает нескольких видов.

Ad-hock тестирование Негативное тестированиеЭквивалентные тесты Exploratory testing
Тестирование без подготовки. Позволяет определить: понятно ли назначение форм, все ли обязательные поля отмечены, есть ли проверка правильности ввода контактных данных. Преимущества такого теста: экономия времени, важные проблемы обнаруживаются на начальных этапах. Тестирование на сбой. Здесь применяется большое количество креативных подходов проверки на предмет неверных данных. Суть процесса заключается в том, чтобы проверить, показываются какие-либо ошибки пользователю, где они могут быть. Также негативное тестирование проводится для обеспечения стабильности приложения.Группа тестов, работа которых приводит к одному и тому же результату. Если один из тестов выявит ошибку, то остальные тоже ее выявят.  Интуитивное тестирование, которое подразумевает под собой одновременное проектирование, выполнение тестов и обучение продукту.

Юзабилити (usability) тестирование

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

Основная цель тестирования usability:

  • Определить, понятен ли ваш сайт для пользователя, удобен ли.
  • Понять на сколько удобна навигация.
  • Выяснить, какое впечатления создается у пользователя.
  • Оценить, что может быть лишним на ресурсе.
Как тестировать веб-сайт: основные этапы и советы, brainlab

Чек лист тестирования сайта на юзабилити:

  1. Навигационное тестирование. Здесь специалист проверяет все ли страницы, кнопки и поля понятны пользователю. Есть ли доступ к главной странице и меню со всех остальных страниц. 
  2. Тестирование контента. Специалист проверяет наличие грамматических ошибок, на сколько контент информативный, имеют ли картинки и видео нужные размеры и качество, все ли заголовки проставлены корректно.
  3. Удобство пользования. Тестировщик оценивает на сколько понятна структура веб-приложения и есть ли лишние компоненты на ресурсе (проверяются все страницы).

Тестирование производительности: нагрузка на сайт

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

Чек лист тестирования сайта:

  • Проведение стресс-тестирования для определения поведения сайта за пределами ожидаемой рабочей нагрузки.
  • Изучение поведение сайта при увеличении рабочей нагрузки, так называемое нагрузочное тестирование.
  • Проверка на способность работы в течение или чуть дольше приемлемого периода. Тестирование стабильности.
  • Тест на производительность ресурса (объемное тестирование) за счет увеличения объемы базы данных.
  • Тестирование параллелизм, где проверяется скорость работы ресурса при одновременном перебивании на нем большого количества пользователей.
  • Тест на скорость загрузки страниц.
  • Проверка корректности работы сайта при непрерывной дополнительной нагрузке, тестирование на выносливость.

UI Testing: тест пользовательского интерфейса

Не стоит путать тестирование интерфейса с проверкой юзабилити. Это два разных этапа общего теста. UI – тест проверяет соответствие графического интерфейса сайта.

Как тестировать веб-сайт: основные этапы и советы, brainlab

Тестирование интерфейса, чек-лист:

  • Проверка на соответствие всем стандартам графических интерфейсов
  • Тестирование с различными разрешениями экрана.
  • Проверка совместимости со всеми браузерами и их версиями (кроссбраузерность).
  • Тестирование интерфейса на смартфоны, кпп, планшеты.
  • Локализованное тестирование: точность перевода, проверка длины названий и прочее.

Безопасность: тестирование сайта на уязвимости

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

Как тестировать веб-сайт: основные этапы и советы, brainlab

Чек-лист проверки на уязвимость:

  • Провести тестирование функций безопасности SSL.
  • Необходимо проверить, отсутствует ли возможность несанкционированного доступа в защищенным страницам
  • Протестировать автоматическое прекращение проверки сеансов, после длительного простоя пользователя.
  • Протестировать, все ли ошибки и попытки взлома регистрируются и сохраняются в отдельном файле. Это необходимо для дальнейшего анализа.
  • С помощью автоматических скриптов проверить корректность работы каптчи.
  • Проверить, не загружаются ли файлы с ограниченным доступом без разрешения.
  • Убедитесь, что при некорректном вводе логина и пароля, пользователя не пускает в систему.

Регрессионное тестирование 

 Регрессионное тестирование позволяет удостовериться в том, что существующая функциональность не была затронута изменениями в коде. Для понимания приведем пример: ваша компания создала приложение «Фонарик». У него всего две функции: «Включить» и «Выключить». Ваши специалисты провели тестирование функциональности и убедились, все работает корректно. Можно не беспокоиться. Спустя время ваша команда добавляет еще одну функцию – «Включение фонарика при встряхивании смартфоном». Тестировщику уже необходимо проверить не только новую функцию, но и предыдущие две (включение/выключение). Вдруг нововведение затронуло их? 

Как тестировать веб-сайт: основные этапы и советы, brainlab

Это яркий и понятный пример регрессионного тестирования в процессе разработки ПО.

Чек-лист регрессионного тестирования:

  • Провести анализ внесенных изменения, поиск областей, которые могли быть затронуты.
  • Правильное составление набора текст-кейсов для бдящего тестирования.
  • Проведение регрессионного тестирования.
  • Составление отчета о дефектах, если таковы имеются.
  • Устранение найденных дефектов и их верификация.
  • Проведение второго круга регрессионного тестирования (проводится до момента полного исключения багов)

Заключение: подводим итоги

Тестирование сайта – это сложный процесс, от которого зависит качество работы ресурса, впечатление пользователей о компании. Этот этап создания сайта, можно назвать гарантом спокойствия заказчика и исполнителя. Не стоит игнорировать тестирование, в обратном случае, это может привести к дополнительной трате времени и денег.

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

Немного советов:

  1. Определитесь с видами тестирования, которые необходимо провести вашему проекту.
  2. Составьте список устройств, ОС, браузеров на которых необходимо провести тестирование.
  3. Определите цели проекта и ключевых пользователей веб-ресурса.

Помните, что тестирование сайта  необходимо любому проекту, начиная от информационного портала, заканчивая интернет-магазином.

Вопросы и ответы

Что такое тестирование веб-сайта и зачем оно нужно? 

Тестирование веб-сайта — это процесс проверки функциональности, производительности, безопасности и юзабилити сайта перед его запуском или после внесения изменений. Оно помогает выявить ошибки, гарантирует правильное функционирование сайта и повышает качество пользовательского опыта.

Как реагировать на ошибки, обнаруженные в процессе тестирования? 

Ошибки, выявленные в процессе тестирования, следует документировать в баг-трекинговой системе с указанием шагов воспроизведения и приоритета. Разработчики должны исправить ошибки, а затем провести повторное тестирование для проверки исправлений.

Как выбрать подходящий инструмент для тестирования веб-сайта?

Выбор инструментов зависит от требований тестирования. Для функционального тестирования используются автоматизированные инструменты (например, Selenium, Cypress), для тестирования производительности — JMeter, для тестирования безопасности — Burp Suite. Важно также учитывать бюджет и опыт команды.

5/5 - (1 голос)
Технический директор, студии BRAINLAB

3 комментариев для “Как тестировать веб-сайт: основные этапы и советы

  1. Имя:
    Игорь Панк

    Респект!!!)

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

  3. Имя:
    Мишок

    спасибо с дипломом помогли)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Обсудить ваш проект

manager@brainlab.com.ua

Другие вопросы (партнерство, вакансии...)

info@brainlab.com.ua

Номер телефона

+380633746749

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка

Небольшой сайт, как правило, состоящий из нескольких веб-страниц (до 5), содержит основную информацию об организации, частном лице, компании.

Подробнее о сайте
Landing Page

Это посадочная страница, основная задача которой, побудить пользователя совершить целевое действие. Такое действие может быть направлено на оформление заказа, онлайн оплату или получение контактных данных пользователя.

Подробнее о сайте
Корпоративный
сайт

Многостраничный сайт, обычно содержит многоуровневую структуру, личный кабинет, формы обратной связи. Такой сайт может быть направлен как на взаимодействие с существующими клиентами и партнерами, так и на привлечение новых.

Подробнее о сайте
Сайт-каталог

Представляет собой многостраничный сайт с многоуровневой структурой. Такой сайт содержит каталог продуктов компании, есть возможность указывать цены, скидки, акции, разделять контент для различных групп пользователей (опт/розница).

Подробнее о сайте
Интернет магазин

Интернет-магазин, который содержит каталог товаров компании, с возможностью фильтрации и сортировки. Пользователи могут оформить заказ, оплатить онлайн, зарегистрироваться, участвовать в программе лояльности.

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость: 0 $
Примерные сроки: 0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Заполните поле
Заполните поле
Заполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.

Ошибка при отправке!