Новости

Разработка сайта. Этап 5: Тестирование и запуск проекта

Тестирование сайта: или как не выпустить Франкенштейна в продакшн

Если бы профессор Преображенский подошёл к созданию Шарикова как опытный QA-инженер, «Собачье сердце» могло бы закончиться менее эпично — и куда более цивилизованно.

Представьте, прежде чем имплантировать гипофиз и запустить «проект Шариков», профессор сначала провёл бы серию тестов. Проверил бы, как новая система «Шарик 1.0» ведёт себя в стрессовых условиях: например, при встрече с дамами, в очереди за колбасой или под воздействием алкоголя. Запустил бы нагрузочное тестирование: сколько сарказма человеческий мозг может выдержать до того, как начнёт хамить. Прогнал бы юзабилити-тесты: способен ли экспериментальный субъект адекватно заполнять анкету на работу, а не кричать «все отнять и поделить!».

Он бы обнаружил баги ещё на стадии бета-версии: агрессивные высказывания, тягу к собачьей сущности, внезапные заявления в домоуправление. В этом случае Шариков остался бы в песочнице (в прямом смысле), а Преображенский продолжил бы работу над версией 2.0 — с исправленными ошибками, отлаженными манерами и совместимостью с обществом.

Мораль сей цифровой басни проста: тестируй тщательно. Иначе даже самый перспективный проект может превратиться в катастрофу… с кличкой и паспортом.
Да, сильно меня понесло с метафорой, но, надеюсь, суть понятна.
Первое рандеву с функционалом
И вот тестировщик на сайте. Он проверяет всю цепочку пользовательского взаимодействия:
  • формы заказа и обратной связи
  • оплата
  • фильтры и переключение городов
  • личный кабинет

Примеры нестандартных тестов:
  • Ввести 500 смайликов в поле “Имя”
  • Загрузить файл .txt вместо изображения
  • Нажать “Оформить заказ” 17 раз подряд
Мультидевайсная эпопея
Сайт должен быть как идеальный актёр — одинаково прекрасен в любом ракурсе: и на ноутбуке, и на айфоне, и даже на древнем планшете бабушки. Тут я перегнул малость, девайсы должны быть с браузерами, которые еще поддерживаются разработчиками.
Не забываем проверить на всех актуальных браузерах.
Актуальные браузеры:
  • Chrome
  • Firefox
  • Safari (особенно!)
  • Edge
  • Opera
  • Yandex
Особенно Safari, очень проблемный браузер... Или сейчас модно говорить - инклюзивный.
Скорость: быстрее, чем ваше терпение
Современные пользователи нетерпеливы... Если сайт грузится долго — всё, человек уже на другом сайте. Пьёт кофе, пишет негативный отзыв на ваш сайт и оформляет заказ у конкурентов.

На сайте оптимизируем изображения, сжимаем кэш, всё видео выкладываем на потоковые сервисы и проводим необходимые настройки на сайте и хостинге (про это чуть ниже).
Ошибки и как с ними бороться
Когда ошибки найдены (а они будут найдены — не сомневайтесь), начинается магия починки. Это как чинить кран: закрутили одно — потекло другое. Поэтому после каждого “починил” — ещё трижды проверяем, не испортили ли случайно что-нибудь ещё. Например, улучшили скорость — а картинки стали выглядеть так, будто их рисовали в Paint левой ногой.
Автоматическая проверка и живые люди
Да, есть автоматические тесты. Но они не почувствуют, что кнопка “Купить” спряталась в подвал сайта, как интроверт на вечеринке. Поэтому в ход идут человеческие глаза, руки и мозги. Только живой человек способен оценить: удобно ли, понятно ли и хочется ли оформить заказ.
Финальный аккорд
После всех правок — снова в бой!
Повторное тестирование — как финальный тест-драйв.
Сайт готов к выпуску только тогда, когда он ведёт себя прилично во всех ситуациях, как на собеседовании в прокуратуре.
Запуск сайта: или переезд в цифровую квартиру
Этот этап может быть и выше. как правило, лучше выложить сайт сразу на боевой хостинг и скрыть тестовый сайт от индексирования, чтобы поисковики уже не добавили вырой продукт в поиск.
Итак, сайт отправляется на хостинг — его постоянное место жительства. На хостинге хранятся все файлы сайта, как на обычном жестком диске.

Хостинг должен соответствовать амбициям сайта. Если сайт простой и не тяжелый, подойдет и обычный хостинг, если это тяжелый интернет магазин, то лучше выбрать хостинг покомфортнее.
Домашний адрес для вашего сайта
Домен — это адрес. Простой, понятный и желательно без ошибок.
Если у вас barbershop.com — убедитесь, что он работает и с www, и без. А ещё добавьте HTTPS, чтобы сайт выглядел серьёзно и не пугал посетителей предупреждениями в духе “этот сайт может отобрать все ваши данные”.
Тихий запуск
Итак, сайт в этих ваших "интернетах". Не бросаемся сразу в массы. Сначала пускаем внутрь своих — друзей, коллег, людей, кому доверяете). Пусть потыкают, полазают, покритикуют. Это soft opening: обкатали процессы — и только потом зовём весь город на праздник.

Официальное открытие и дальнейшая жизнь
Запустились? Отлично! А что дальше? Как богатеть?
К сожалению, сайт это инструмент, и если с ним не работать, ничего не выйдет.
Если даже самую навороченную лопату бросить в огород - картошка не посадится.
Следующий шаг - поддержка, развитие, продвижение... Но это уже другая история...
Made on
Tilda