Поиск по сайту
Найти
Отмена

Примеры реализованных веб-проектов

17 сентября 2019

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

Компания:

Дистрибьютор сетевого оборудования

Сфера деятельности

Поставка сетевого оборудования и ПО, разработка и внедрение проектов, сервисная поддержка, тренинг-центр

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

Напомним, ранее мы разработали 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 баллов:

Технический аудит сайта пример

Показатель скорости сайта повысился с 38 до 55 по Google Page Speed Insights

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

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

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

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

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

После выполнения всех пунктов первого этапа оценка скорости сайта повысилась до 86 баллов из 100

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

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

Исправлено наложение элементов верстки.

Исправлено дублирование текстовых элементов.

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

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

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

Показатель скорости работы мобильной версии 41/100 в Google Page Speed Insights

Результаты

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

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

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

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

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

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

Нужно оперативно оценить задачу?
Свяжитесь с менеджером данного проекта!

У вас похожая задача? Оставьте заявку, и наши специалисты свяжутся с вами и подробно проконсультируют.

похожие проекты
Используя сайт www.stekspb.ru, вы соглашаетесь с тем, что мы можем хранить куки (cookies) вашего браузера. Политика конфиденциальности