Как сэкономить в 2-3 раза на переделке сайта?

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

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

Всем привет! Если читаете меня впервые, то давайте для начала познакомимся. Меня зовут Юлия Алексеева. Я основатель и генеральный директор студии веб-разработки «X5 studio». Сейчас я пишу серию статей, которые посвящены кейсам по решению технических проблем сайтов и интернет-магазинов, позволяющих вместе с тем закрыть маркетинговые цели. Предыдущие статьи можно почитать по ссылкам, которые оставлю в конце. Сегодня же я расскажу, как технический аудит сайта зоотоваров позволил сэкономить на его переделке и маркетинге. Перед нами стояли задачи оптимизировать сайт и сделать его рдизеайн: закрыв первую задачу, нам удалось не только ускорить исполнение второй, но и снизить денежные затраты.

Чаще всего клиенты приходят к нам с запросом: «Сайт медленно работает, страницы долго грузятся — сделайте с этим что-нибудь». Технический аудит сайта позволяет найти причины этого и понять, где конкретно нужно оптимизировать. Оптимизация же делает последующие доработки дешевле в несколько раз, ведь можно будет использовать готовые скрипты и библиотеки, не тратя бюджет на их написание с нуля. Последовательное проведение технического аудита сайта описано в следующих абзацах. Итак, поехали.

Проверка сервера и хостинга

Технический аудит сайта зоотоваров начался с проверки сервера и хостинга. 

Мы посмотрели, сколько «весит» интернет-магазин и количество оперативной памяти хостинга, которое задействуется при появлении на сайте посетителей. 

Далее мы уделили пристальное внимание запросам от сайта к серверу. Мы сделали сортировку и поняли: от части запросов необходимо избавиться, остальные же нужно оптимизировать. Интернет-магазин зоотоваров был сделан на Битриксе, а у него есть стандартные методы для определения, насколько сайт подходит серверу: например, проверка системы и монитор качества. Тестирование сервера показало, что он выдерживает наш магазин сейчас, а значит, «не дрогнет» и после оптимизации, когда сайт будет весить меньше и не будет посылать лишних запросов. Также пришло понимание, где у сайта «узкие места» и над чем необходимо поработать.

 

Проверка кода

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

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

Зачем это нужно? Если компоненты сделаны не по стандарту, то доработки на этой странице будут стоить дороже. Программистам придётся учитывать, что в данном случае неизвестно, как поведёт себя конкретная доработка: вероятно возникновение конфликтов с другим кодом или некорректное отображение на других страницах. На исправление багов может уйти много времени. 

У Битрикса же есть огромное количество функционала в «коробочном продукте», который можно использовать на своём сайте. Если код написан не по стандартам Битрикса, то часть предложенных решений не получится использовать, а их переписывание «под себя» будет требовать дополнительных затрат. Также Битрикс регулярно выпускает обновления и добавляет новый функционал. Например, недавно был выпущен модуль, который интегрируется с онлайн-кассой, так как они стали обязательными согласно 54-ФЗ. Когда версия сайта кастомная, она не обновляется самостоятельно. Если же все компоненты написаны по стандартам Битрикса, то это позволяет не только экономить, но и с лёгкостью добавлять маркетинговые инструменты на свой сайт.

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

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

 

Замеры PageSpeed

С помощью теста PageSpeed можно проверить скорость работы сайта и провести аналитику. PageSpeed Insights выявляет слабые места и подсказывает, какие ошибки нужно исправить. Кроме того, скорость загрузки сайта является важным фактором ранжирования поисковой системы Google.

Замер PageSpeed сайта зоотоваров показал, что сайт работает медленно, а значит, наш заказчик теряет клиентов.

 

 

Смета

Все найденные проблемы мы занесли в таблицу и присвоили статус «Критично», «Важно» и «Планово». Далее оценили сложность доработок и количество необходимых на них часов — так была сформирована смета.

 

 

После согласования сметы мы заключили договор с заказчиком и начали работу. На оптимизацию сайта зоотоваров ушло около 120 часов.

Итоги оптимизации

  • Сайт зоотоваров стал работать быстрее — улучшились показатели PageSpeed.
  • Снизилась нагрузка на сервер.
  • Страницы сайта стали меньше весить, а значит, стали быстрее загружаться.
  • Код стал чистый и более производительный за счёт удаления лишних строк, стилей и js-скриптов.
  • Код был приведён к стандартам Битрикса.

Все проделанные работы мы отразили в специальном файле для заказчика. Доработки не только сделали сайт быстрее — они ускорили и упростили выполнение следующей задачей — редизайн сайта. Появилась возможность добавлять готовый функционал Битрикса, экономя на разработке и самостоятельном внедрении различных маркетинговых инструментов. 

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

 

Если у вас есть вопросы, то задавайте их в комментариях! Обсудим!

Обещанные ссылки на мои предыдущие статьи: 

 

  1. А ваша корзина продает? - https://vc.ru/marketing/136935-a-vasha-korzina-prodaet-keys-kak-internet-magazinu-povysit-konversiyu-na-etape-oformleniya-zakaza

  2. Как производителю станков с помощью сайта удалось автоматизировать работу по обслуживанию купленного оборудования? - https://vc.ru/u/328489-yuliya-alekseeva/88137-kak-proizvoditelyu-stankov-s-pomoshchyu-sayta-udalos-avtomatizirovat-rabotu-po-obsluzhivaniyu-kuplennogo-oborudovaniya
  3. Как найти «своего» разработчика: пошаговая инструкция от поиска до договора - https://spark.ru/user/122267/blog/62058/kak-najti-svoego-razrabotchika-poshagovaya-instruktsiya-ot-poiska-do-dogovora

Перейти на сайт

В карточку агентства
Пользуйтесь реальным опытом в IT и следите за успехами потенциальных подрядчиков и конкурентов

Кейсы по этой теме

Не трать деньги на ошибки —
используй чужой опыт

Разработка и продвижение сайтов, SEO, SMM, брендинг и многое другое – вооружайтесь свежими IT — решениями из рассылки кейсов Рейтинга Рунета

Подписаться на кейсы