Вы наверняка хотя бы раз бывали в ситуации, когда интернет-соединение в порядке, все открытые вкладки браузера работают стабильно, и только один сайт ни в какую не хочет открываться, или же загружается неимоверно долго. Возможно, вам довелось заходить со смартфона на web-сайты, где рассмотреть страницу становилось реальным только при приближении, а пролистывание приходилось выполнять не только вверх и вниз, но еще и в стороны. Вспомните, как быстро вы закрывали такие проблемные вкладки.
А теперь ответьте — хотелось бы вам, чтобы пользователи с такой же скоростью закрывали вкладку с вашим сайтом?
Если вы ответили «нет», то хорошо запомните, что пропускать тестирование веб-сайта перед запуском — верный путь к потере потенциальных клиентов.
Для чего тестировать сайт перед запуском?
Тестирование — это заключительный этап разработки любого сайта. Если над сайтом уже проделана тщательная работа, вы можете задаться вопросом — что тут тестировать? Но важно понимать, что далеко не всегда получается предупредить ошибки заранее, не обо всех удается подумать.
Тестирование веб-сайта помогает проверить, все ли функции работают так, как вы запланировали, все ли в порядке с отображением дизайна на разных устройствах и многое другое. Проверить портал перед запуском значит — избавить будущих пользователей от раздражения при виде технических ошибок или «поехавшего» фона.
Особенно внимательно следует выполнять тестирование при запуске крупных B2B-порталов: величина потерянной из-за ошибок прибыли будет неприятно высокой. К примеру, пользователь собрал корзину в вашем интернет-магазине, но на кнопку оплаты нажать не удалось, поэтому он принял решение совершить покупки на другом сайте. Другой пользователь сообщит вам через техподдержку, что кнопка не работает, вы обратитесь к IT-специалистам, которые найдут причину ошибки — битая ссылка на страницу оплаты или ее отсутствие. Только представьте, сколько времени вы могли бы сберечь, если бы заранее проверили эту кнопку. И, кто знает, сколько потенциальных клиентов ушли с вашего сайта молча.
Это касается больших порталов, однако, даже если у вас небольшой бизнес, а на web-сайте довольно простая функциональность, халатное отношение к тестированию тоже может прибавить вам головной боли.
Поверхностное тестирование сайта
Если у вас нет времени на тщательное тестирование перед запуском веб-сайта, предварительно вы можете провести поверхностное тестирование. Чтобы сделать это, вам нужно:
- Выписать основные элементы структуры сайта, которые находятся на самых важных страницах. Под важными страницами следует понимать те, которые ведут пользователя к целевому действию или предоставляют необходимую информацию для сотрудничества.
- На выбранных страницах выделить основную функциональность, которую нужно проверить. Сюда входит проверка работы всех кнопок с «Call To Action» и прочих, которые важны для того, чтобы посетитель сайта выполнил действие, желаемое вами.
- Провести быструю проверку по избранным вами страницам и функциям с использованием технологий и сервисов для тестирования. Инструменты, с помощью которых можно протестировать сайт, приведены в конце статьи.
Почему поверхностного тестирования недостаточно
Конечно, поверхностное тестирование требует меньше затрат времени и денежных средств, нежели полное, но, если ваша цель — функциональный, удобный, работающий на ваш успех сайт, то имеет смысл провести более тщательную проверку.
В случае, если на вашем портале много веб-страниц и разнообразно содержание функций, то быстрая проверка не сможет охватить их все, а, следовательно, многие задумки у вас, скорее всего, не удастся реализовать, как вам бы того хотелось.
К тому же, не все ошибки удается найти за короткий промежуток времени, даже если вы тестируете только главные функции. И только вам решать, кто первым увидит ошибку — тестировщик или ваш потенциальный клиент.
Полное тестирование
Чтобы приступить к проведению полного тестирования, вам нужно:
- Выписать все страницы, которые есть на вашем ресурсе. Чтобы не запутаться, соблюдайте иерархию: сначала выпишите самые главные, следом — менее важные, и так далее до тех, которые вы считаете наименее важными для web-сайта.
- Выделите все функции, которые вы реализовали на портале. Как и со страницами, функции вы можете выписывать в порядке убывания их значимости.
- Проведите тестирование с помощью специальных сервисов и технологий, уделяя каждому виду проверки оптимальное количество времени. В каждом из видов есть свои необходимые пункты для проверки, поэтому далее в статье разбираем их подробно.
Виды полного тестирования и чек-листы для проверки сайта перед запуском
В каждом виде полного тестирования есть определенные моменты, которые необходимо проверить. Мы представили их в виде чек-листов, чтобы вы могли пользоваться списками, последовательно проверяя пункт за пунктом.
Функциональное тестирование
- Сайт доступен при первом и повторном открытиях
- Все кнопки на web-сайте нажимаются
- Все ссылки открываются без проблем, «битые» отсутствуют
- Формы обратной связи доступны к заполнению и отправке
- Результаты заполненных форм обратной связи передаются корректно
- Валидация обязательных и необязательных полей настроена
- Документы, загруженные на сайте, отображаются корректно
Тестирование верстки
- Шрифты загружаются правильно и отображаются одинаково в разных браузерах и на разных устройствах
- При открытии веб-сайта с разных устройств элементы загружаются корректно (например, нет ошибок при нажатии на кнопки на сайте со смартфона)
- Элементы на сайте не перекрывают друг друга, зафиксированы на своем месте и не мешают ознакомлению с ресурсом
- Нет ошибок в HTML и CSS
- Кодировка типа UTF-8
Кроссбраузерное тестирование
- При открытии в разных браузерах все страницы на web-сайте доступны, включая всю информацию на них
- Действия выполняются одинаково корректно в разных браузерах
Тестирование безопасности
При сканировании веб-сайта на уязвимости с помощью антивируса проблем не найдено
Нагрузочное тестирование
Сайт работает корректно даже при большом количестве нажатий и посещений одновременно
Инструменты для тестирования
В тестировании сайта вам помогут следующие сервисы и программы:
- Chrome DevTools — набор инструментов тестировщика, встроенные в браузер Google Chrome. Получить к нему доступ можно, нажав правую кнопку мыши и «Просмотреть код» на любой странице, открытой в браузере Chrome.
- Fiddler поможет проанализировать весь процесс загрузки каждого элемента на сайте по отдельности. Программу необходимо скачивать на свой компьютер.
- Pixel Perfect — плагин для браузера, с помощью которого можно узнать, насколько идентично отображаются все элементы (тексты, поля, границы, изображения и т.д.) в разных браузерах, а также проверить, совпадает ли верстка сайта в HTML с разработанным макетом.
- text.ru — сервис для проверки качества и уникальности текстов, с помощью которого также можно провести SEO-анализ текстов (найти указанные ключи и определить семантическое ядро).
- The W3C Markup Validation Service — в данном сервисе можно протестировать сайт на наличие ошибок в программном коде.
- PageSpeed Insights — портал, на котором можно проверить скорость загрузки сайта на любых устройствах.
- А посмотреть, как будет выглядеть web-сайт на различных устройствах, можно в сервисе iloveadaptive.
Даже если перед запуском сайта у вас не так много времени в запасе, не пренебрегайте его проверкой. Вы всегда можете провести поверхностное тестирование, выявив ошибки на главных страницах web-сайта, и запустить его, но не затягивайте с полной проверкой. Чем тщательнее будет ваше тестирование, тем меньше ошибок будут видеть пользователи — ваши потенциальные клиенты. Позаботьтесь о них и предоставьте возможность просматривать ваш портал без раздражения и траты лишнего времени.
Успехов!