Как объединить два сайта на «1С Битрикс: Управление сайтом» в один, чтобы пользователи этого не заметили. Кейс ГК «РОВЕН»
О компании
ГК «РОВЕН» — поставщик вентиляционного оборудования с собственной сбытовой сетью из 40 филиалов в России и Беларуси.
С 2002 года компания производит, реализует и проектирует вентиляционные системы. Кроме того, «РОВЕН» создает программные решения для инженерных систем. В реализации проектов компания использует как продукцию собственного производства, так и изделия ведущих российских и зарубежных производителей.
Собственные производственные мощности и склады, расположенные по территории всей России, позволяют обеспечивать запросы клиентов из любого региона. Ассортимент продукции, имеющийся в каждом представительстве компании, позволяет удовлетворить любые запросы клиента для организации эффективной вентиляционной и климатической системы в зданиях любого вида и функционального предназначения.
Задачи проекта
ГК «РОВЕН» обратилась к Первому Биту, чтобы объединить два сайта, созданных ранее для двух сегментов целевой аудитории. Один из них (rowen.ru) обладал слабой функциональностью и не решал бизнес-задачи компании. Второй сайт (rowen.shop), спроектированный изначально как интернет-магазин, имел больше возможностей и потенциал к росту.
- Необходимо было объединить сайты, сохранив при этом успешно работающие функции rowen.ru.
- Для улучшения взаимодействия между менеджерами и потенциальными клиентами необходимо было внедрить опросные листы, которые позволили бы быстро и точно формулировать коммерческие предложения.
Реализация проекта
В результате совместно проведенного аудита, реализацию проекта разделили на 3 больших этапа:
Этап 1. Объединение сайтов
Перед началом проекта было поставлено условие — объединение сайтов без прерывания их работы.
Все необходимые испытания и проверки провели на сервере компании «Первый Бит», где разработали и внедрили идентичные копии веб-сайтов. Оба ресурса были обновлены до последней версии платформы «1С-Битрикс: Управление сайтом» и оптимизированы под язык программирования PHP, используемый для написания скриптов. Эта процедура позволила значительно повысить уровень безопасности сайтов и улучшить их производительность.
Ряд разделов, таких как «Информация для партнеров», «Новости», «Акции», «Контакты», «Вакансии» и «Загрузки», были перемещены с ресурса rowen.ru на домен rowen.shop. Итоговый ресурс получил имя rowen.ru потому, что оно короче, понятнее и удобнее. Также была разработана и реализована новая концепция дизайна для главной страницы и нового раздела «Проектировщикам». Кроме того, перенесли и оптимизировали BIM-библиотеку.
Специалисты «Первого Бита» провели следующие улучшения «1С:Битрикс Управление сайтом»:
- На странице «Вакансии» добавили раздел «Специальные условия труда». Он содержит документы, описывающие условия труда, необходимые в соответствии с законодательством региона, в котором расположен филиал. Это упростило управление сайтом: администратор может загружать документы в специальный архив на сайте, выбирать регионы для публикации, и информация автоматически обновляется на страницах соответствующих регионов. Наличие документов об условиях труда в разделе о вакансиях показывает открытость компании и делает ее более привлекательной для кандидатов.
- Обновили дизайн главной страницы сайта и разработали новый дизайн для страницы «Для проектировщиков». Последний раз дизайн сайта обновлялся в 2017 году, и за это время тенденции и возможности дизайна изменились. Новый дизайн стал более свежим, понятным и удобным для пользователей и соответствующим общей тематике сайта.
- Настроили механизм, позволяющий удобно скачивать PDF-файлы с макетами проектов в один клик. Кроме того, был разработан раздел с уцененными товарами.
Все работы проводились в тестовой среде, после чего запустили сайт в пилотном режиме. Рабочую версию сайта rowen.ru запустили после согласования с командой заказчика
Этап 2. Оптимизация сайта и сервера
После запуска обновленного сайта «РОВЕН» перешел к Первому Биту на техподдержку, в рамках которой потребовалось провести оптимизацию сайта и сервера.
Оптимизация сайта
Производительность сайта после слияния двух ресурсов упала. Чтобы понять, почему некоторые страницы стали работать медленнее, провели трехдневный аудит скорости загрузки элементов. Использовали для этого инструмент для веб-анализа Pagespeed и встроенный в Битрикс функционал отладки, который показывает скорость загрузки каждого компонента.
Ниже приведены ключевые шаги, предпринятые в ходе анализа сайта.
1) Обновили подключения ресурсов
Применили методы обновления подключения внешних ресурсов, включая CSS и JavaScript файлы, для их совместимости с последними веб-стандартами. Это обеспечило более эффективную загрузку ресурсов и ускорило время отклика страниц.
2) Удалили неиспользуемые скрипты
Провели аудит скриптов на сайте и удалили те, которые не использовались (например, скрипт валидации форм на главной странице). Это снизило общую нагрузку на сайт, ускоряя его загрузку. Важно было не удалить нужные скрипты, мы внимательно изучали каждый из них, чтобы не нарушить работу сайта.
3) Исправили логику в компонентах
Пересмотрели и оптимизировали код отдельных компонентов сайта, исправив недочеты в их логике для повышения производительности.
4) Оптимизировали изображения
На этом мы сделали особый акцент. Согласно отчету, именно в этом была ключевая причина долгой загрузки страниц. Чтобы устранить ее, оптимизировали изображения на главной странице, включая слайдер и раздел новостей. Для этого использовали современные форматы и техники сжатия для уменьшения размера файлов без потери качества.
5) Реализовали новый механизм подключения аналитических инструментов
Внедрили новую систему подключения инструментов аналитики (таких как Jivo-сайт и Яндекс-Метрика), исключив их подключение на главной странице для ускорения её загрузки.
6) Провели рефакторинг кода главной страницы
Переработали исходный код программы, чтобы он стал более простым и понятным, и оптимизировали код на главной странице, повысив тем самым ее производительность и облегчив будущее техническое обслуживание.
В результате этих мероприятий сайт rowen.ru значительно ускорил свою работу и стал более эффективным, обеспечивая пользователям более комфортную работу.
Оптимизация сервера
При очередной проверке на сервере сайта «РОВЕН» обнаружилось, что используется почти вся оперативная память (98%). Нам нужно было сделать сервер более производительным, чтобы он работал быстро и надежно.
Нужно было сделать сервер более производительным, чтобы он работал быстро и надежно.
Для отслеживания работы сервера, выявления и исправления ошибок команде потребовалось несколько дней. Более того, после каждого внесенного изменения необходимо было отследить стабильность работы сервера.
Работы также проходили в несколько этапов:
1) Перезагрузили сервер
Сервер какое-то время должен был поработать под нагрузкой для сбора статистики по новым настройкам. Важно было отследить, как он работает с новыми параметрами, чтобы выстроить четкий план дальнейших действий.
При перезапуске сервисов для применения новых настроек стало понятно, что пользователи не заметят падения, так как сервер очень быстро перезапускал сервисы. Это было ключевым моментом — было важно, чтобы работы по настройке не мешали обычным пользователям сайта, у них не должно было возникнуть трудностей с доступностью, оформлением заказов, переходами на страницы.
2) Наблюдали за поведением сервера после смены настроек
Сохраняли записи о кратковременных сбоях (логи) и анализировали их причины. Также сместили создание резервных копий (бэкапирование) с 5-30 утра на 23-05 вечера, чтобы оно не совпадало с графиком интеграций и продолжили наблюдать.
После смещения графика бэкапирования стало ясно, что сервер менее нагружен, когда для каждого процесса есть отдельный временной слот. То есть днем ресурсы освободились.
Бэкапирование грузит систему до максимума в течение 4 часов, а далее нагрузка стабилизируется по внесенным настройкам и в среднем держится на 60% от доступного объема оперативной памяти.
Объем базы данных составлял 4.57 ГБ, поэтому бэкапирование оптимизировали для снижения нагрузки.
4) После применения новых настроек нагрузка снизилась. Теперь она стала пиковой в короткие промежутки времени. После выполненных работ продолжили наблюдение.
5) После завершения всех работ процессы идут последовательно и не грузят систему. Для основных сервисов сервера (Apache, Nginx и MySQL) установлены лимиты, что помогает серверу работать стабильно и без перегрузок.
Этап 3. Внедрение опросных листов
В разделах «Животноводство» и «Овощехранилище» на сайте «РОВЕН» менеджерам нужно было улучшить взаимодействие с клиентами. Основная цель заключалась в том, чтобы создать эффективное средство для сбора информации от клиентов. Тогда менеджеры компании могли бы быстро и точно формулировать коммерческие предложения.
Процесс разработки начался с тщательного анализа требований и обсуждения различных идей с участием всех заинтересованных сторон.
После определения основных задач команда Первого Бита начала пошаговую реализацию:
- Проектирование. На основе собранных данных были созданы прототипы опросных листов, учитывая корпоративные цвета и стиль «РОВЕН».
- Разработка. Разработаны две версии опросных листов: для онлайн-заполнения и для скачивания (в форматах PDF/Word).
- Интеграция на сайт. Опросные листы были интегрированы в соответствующие разделы сайта с возможностью заполнения онлайн или скачивания.
- Внедрение формы «Задать вопрос». Дополнительно была создана форма «Задать вопрос», где пользователи могут прикрепить файлы, оставить комментарии и задать вопросы.
- Тестирование и отладка. Проведено тестирование функциональности и удобства использования.
Результаты проекта
В результате реализации проекта у компании «РОВЕН» появился сайт rowen.ru — новый эффективный инструмент для продажи продукции.
Оптимизация работы сайта и сервера позволили сделать сайт более эффективным и улучшить показатели пользовательского поведения на нём.
Объединение двух сайтов и работы по оптимизации удалось провести незаметно для конечных пользователей сайта.
Для улучшения коммуникации менеджеров с клиентами разделов «Животноводство» и «Овощехранилище» были разработаны и внедрены опросные листы, которые позволили:
- Улучшить взаимодействие с клиентами, которые могут точнее формулировать свои запросы. Это, в свою очередь, помогает менеджерам быстрее и точнее формулировать предложения.
- Повысить удовлетворенность клиентов. Удобные и понятные опросные листы улучшают пользовательский опыт на сайте.
- Оптимизировать процессы сбора информации и формулирования предложений. Это положительно сказалось на эффективности работы менеджеров.
Эта инновационная разработка привлекла внимание и получила положительные отзывы других клиентов Первого Бита, подтверждая ее потенциал для дальнейшего внедрения с адаптацией под разные запросы.
