Разработка сайта. Этап 5: Тестирование и запуск проекта
Тестирование сайта: или как не выпустить Франкенштейна в продакшн
Если бы профессор Преображенский подошёл к созданию Шарикова как опытный QA-инженер, «Собачье сердце» могло бы закончиться менее эпично — и куда более цивилизованно.
Представьте, прежде чем имплантировать гипофиз и запустить «проект Шариков», профессор сначала провёл бы серию тестов. Проверил бы, как новая система «Шарик 1.0» ведёт себя в стрессовых условиях: например, при встрече с дамами, в очереди за колбасой или под воздействием алкоголя. Запустил бы нагрузочное тестирование: сколько сарказма человеческий мозг может выдержать до того, как начнёт хамить. Прогнал бы юзабилити-тесты: способен ли экспериментальный субъект адекватно заполнять анкету на работу, а не кричать «все отнять и поделить!».
Он бы обнаружил баги ещё на стадии бета-версии: агрессивные высказывания, тягу к собачьей сущности, внезапные заявления в домоуправление. В этом случае Шариков остался бы в песочнице (в прямом смысле), а Преображенский продолжил бы работу над версией 2.0 — с исправленными ошибками, отлаженными манерами и совместимостью с обществом.
Мораль сей цифровой басни проста: тестируй тщательно. Иначе даже самый перспективный проект может превратиться в катастрофу… с кличкой и паспортом.
Да, сильно меня понесло с метафорой, но, надеюсь, суть понятна.
Первое рандеву с функционалом И вот тестировщик на сайте. Он проверяет всю цепочку пользовательского взаимодействия:
формы заказа и обратной связи
оплата
фильтры и переключение городов
личный кабинет
Примеры нестандартных тестов:
Ввести 500 смайликов в поле “Имя”
Загрузить файл .txt вместо изображения
Нажать “Оформить заказ” 17 раз подряд
Мультидевайсная эпопея Сайт должен быть как идеальный актёр — одинаково прекрасен в любом ракурсе: и на ноутбуке, и на айфоне, и даже на древнем планшете бабушки. Тут я перегнул малость, девайсы должны быть с браузерами, которые еще поддерживаются разработчиками. Не забываем проверить на всех актуальных браузерах.
Актуальные браузеры:
Chrome
Firefox
Safari (особенно!)
Edge
Opera
Yandex
Особенно Safari, очень проблемный браузер... Или сейчас модно говорить - инклюзивный.
Скорость: быстрее, чем ваше терпение Современные пользователи нетерпеливы... Если сайт грузится долго — всё, человек уже на другом сайте. Пьёт кофе, пишет негативный отзыв на ваш сайт и оформляет заказ у конкурентов.
На сайте оптимизируем изображения, сжимаем кэш, всё видео выкладываем на потоковые сервисы и проводим необходимые настройки на сайте и хостинге (про это чуть ниже).
Ошибки и как с ними бороться Когда ошибки найдены (а они будут найдены — не сомневайтесь), начинается магия починки. Это как чинить кран: закрутили одно — потекло другое. Поэтому после каждого “починил” — ещё трижды проверяем, не испортили ли случайно что-нибудь ещё. Например, улучшили скорость — а картинки стали выглядеть так, будто их рисовали в Paint левой ногой.
Автоматическая проверка и живые люди Да, есть автоматические тесты. Но они не почувствуют, что кнопка “Купить” спряталась в подвал сайта, как интроверт на вечеринке. Поэтому в ход идут человеческие глаза, руки и мозги. Только живой человек способен оценить: удобно ли, понятно ли и хочется ли оформить заказ.
Финальный аккорд После всех правок — снова в бой! Повторное тестирование — как финальный тест-драйв. Сайт готов к выпуску только тогда, когда он ведёт себя прилично во всех ситуациях, как на собеседовании в прокуратуре.
Запуск сайта: или переезд в цифровую квартиру Этот этап может быть и выше. как правило, лучше выложить сайт сразу на боевой хостинг и скрыть тестовый сайт от индексирования, чтобы поисковики уже не добавили вырой продукт в поиск.
Итак, сайт отправляется на хостинг — его постоянное место жительства. На хостинге хранятся все файлы сайта, как на обычном жестком диске.
Хостинг должен соответствовать амбициям сайта. Если сайт простой и не тяжелый, подойдет и обычный хостинг, если это тяжелый интернет магазин, то лучше выбрать хостинг покомфортнее.
Домашний адрес для вашего сайта Домен — это адрес. Простой, понятный и желательно без ошибок. Если у вас barbershop.com — убедитесь, что он работает и с www, и без. А ещё добавьте HTTPS, чтобы сайт выглядел серьёзно и не пугал посетителей предупреждениями в духе “этот сайт может отобрать все ваши данные”.
Тихий запуск Итак, сайт в этих ваших "интернетах". Не бросаемся сразу в массы. Сначала пускаем внутрь своих — друзей, коллег, людей, кому доверяете). Пусть потыкают, полазают, покритикуют. Это soft opening: обкатали процессы — и только потом зовём весь город на праздник.
Официальное открытие и дальнейшая жизнь Запустились? Отлично! А что дальше? Как богатеть? К сожалению, сайт это инструмент, и если с ним не работать, ничего не выйдет.
Если даже самую навороченную лопату бросить в огород - картошка не посадится. Следующий шаг - поддержка, развитие, продвижение... Но это уже другая история...