Комплексный технический
аудит сайта

17 сентября 2019
Компания:
Дистрибьютор сетевого оборудования
Сфера деятельности:
Поставка сетевого оборудования и ПО, разработка и внедрение проектов, сервисная поддержка, тренинг-центр
Web-решения
Web-решения

Исходные данные

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

Сейчас перед нами стояла задача провести углубленный технический аудит сайта, выявить скрытые технические проблемы, провести комплексную оптимизацию и тонкую настройку базы данных, для чего помимо веб-разработчики был привлечен эксперт по Linux. 

Как сделать технический аудит сайта

Отправной точкой исследования сайта стала проверка его в сервисе Google Page Speed Insights. Результаты: десктоп — 38 баллов, мобильная версия — 18 баллов. Мы с клиентом пришли к единому мнению: портал необходимо ускорять, поскольку большая часть аудитории сайта пользуется Гуглом, а именно Гугл сегодня поощряет ускорение загрузки сайта, особенно на мобильных:

Рекомендации Google по скорости загрузки для мобильных менее 5 секунд в сетях 3G

Оценка скорости сайта согласно сервису Google Page Speed Insights до аудита и оптимизации:

В процессе нагрузочного тестирования сайта наблюдалось резкое увеличение времени ответа сервера уже при 8-9 подключениях — в среднем, 4,5 секунды. Более детальное исследование показало наиболее проблемное место сайта — главную страницу. Её время ответа при 8-9 подключениях составляло 6 секунд.

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

Подробнее об этапах аудита сайта

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

I этап: Аудит серверной части сайта

Мы провели технический аудит сайта по собственному постоянно обновляемому чек-листу и выделили для проработки самые критичные ошибки:

  • Для увеличения скорости загрузки была добавлена «ленивая подгрузка» (lazy load) для слайдеров на главной странице;
  • Проведена оптимизации подключения JS-скриптов (теперь необязательные скрипты подключаются по мере необходимости) и сокращен HTML-код.
Технический аудит сайта пример

По результатам уже этих двух пунктов оценка скорости сайта повысилась с 38 до 55 баллов.

Сайт разработан на UMI, особенность ресурсов на данной CMS — это использование XSLT-шаблонов. Генерация списков товаров и категорий в каталоге, согласно нашей проверке, проходила достаточно медленно, в связи с чем оптимизирована логика ее работы.

Благодаря слаженной работе команды узкопрофильных ИТ-экспертов проведена серверная оптимизация:

  • Произведена тонкая настройка базы данных на сервере. Добавлены индексы для ускорения работы и уменьшения ответа сервера. Обновлена версия используемой СУБД;
  • Проведен поиск вирусов и вредоносных скриптов с помощью антивируса и веб-сервиса «Айболит». Прямых угроз безопасности выявлено не было, однако мы порекомендовали провести обновление программного обеспечения, используемого на сервере;
  • После проверки времени ответа сервера (а он был слишком долгим на ряде страниц) найдены высоконагруженные узлы и оптимизированы используемые в них алгоритмы;
  • В ходе аудита проверено среднее потребление оперативной памяти и состояние дискового пространства. Анализ ресурсов показал, что потребление оперативной памяти даже во время пиковых нагрузок не превышает 25%, и на текущий момент использовано 86% всего дискового пространства. Мы предупредили клиента, что в случае расширения ассортимента товаров ему потребуется увеличить объем жестких дисков, а вот мощность оперативной памяти необходимо будет увеличить только через полтора-два года;
  • Проведен рефакторинг (перепроектирование) кода главной страницы, что позволило повысить эффективность взаимодействия между сайтом и базой данных и увеличить скорость загрузки страницы.
аудит технической части сайта

Как результат, показатель Google Page Speed Insights вырос до 86/100 на десктопе. Хотим отметить, что данный показатель был достигнут при отключении сервиса Вебвизор в Яндекс.Метрике. Однако, клиент от сервиса отказаться не готов — в данном случае, мы порекомендовали разместить сторонние скрипты в Google Tag Manager.

II этап: Аудит публичной части сайта

Проверка визуальной составляющей показала, что вёрстка на сайте корректна. В целом, сайт отображается в разных браузерах верно, выявлены и исправлены некоторые незначительные ошибки.

технический аудит сайта как сделать

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

тех аудит сайта

При проверке надежности верстки (корректная работа при добавлении или удалении реального текста, добавлении блоков) были выявлены и исправлены некоторые неточности, после чего показатель скорости сайта для мобильной версии также улучшился с 18 до 41 из 100.

Результаты

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

Скорость ответа сервера

Комплексный технический аудит веб-сайта помог найти технические ошибки, а последующие работы стабильно повысили скорость работы сайта, уменьшили время ответа сервера. Нагрузочное тестирование, проведенное после аудита, показало, что адекватное среднее время ответа сервера (до 2,5 секунд) сохраняется и при 35-37 одновременных активных пользователей (против 6-7 до оптимизации)

Нагрузочное тестировани

Оптимизация кода главной страницы очень положительно повлияла на скорость ее загрузки. На данный момент, время ответа сервера при обращении к главной странице не превышает средних значений в общем по сайту (менее 2 секунд при 32-33 одновременных активных пользователей), при этом главная страница является одной из наиболее «тяжелых».

Несмотря на то, что у нас организована собственная песочница для внедрения изменений на копии, клиент пожелал, чтоб работы выполнялись быстрее прямо на сайте, что никак не сказалось на его функционировании.
Иконка для обратной связи
У Вас похожая задача?Мы всегда готовы подсказать решение!
Задайте вопросы напрямую руководителю данного проекта (9.00–23.00):
+7 965 022 73 40