веб-студия Софт-Про

Технічна оптимізація сайту kproekt.com.ua

5 хв

13/02/2020

Резюме

Замовник: компанія «Комплекс Проект», фахівці на комплексному оснащенні підприємств громадського харчування кухонним, технологічним, тепловим та іншим професійним обладнанням.

Проблематика: клієнти звернулися до нас зі скаргами на повільне завантаження сайту, неробочий пошук, зайві елементи (блоки, фільтри, скрипти), криву верстку, відсутність мобільного меню та некоректне відображення деяких матеріалів/сторінок. Крім того, у багатьох сторінок та картинок були биті посилання, а меню та шапка сайту були організовані незручно.

Наше завдання: технічний аудит та оптимізація сайту, редизайн окремих елементів (шапка, підвал, каталог, мобільне меню, картка послуги)

Тривалість робіт: 3,5 тижні.

Етапи оптимізації

Після проведення ретельного технічного аудиту ми підготували для клієнта докладне ТЗ та рекомендації необхідних робіт, а після їх узгодження були виконані наступні завдання:

  • Відновили версію Joomla;

обновление джумлы

  • Видалили зайві (не використовувані) плагіни;
  • Полагодили непрацюючі на сайті фільтри (за ціною, типом обладнання, виробником і т.д.);
  • Налаштували коректні редиректи зі сторінок із 404 помилкою, видалили зайві;
  • Допрацювали каталог товарів, що випадає (до нас пункти в каталозі виїжджали за задану область попапа, нашаровувалися один на одного);
  • У мобільній версії в каталозі додали додаткові хрестики та змінили механізм розгортання (раніше не давало увійти до підкатегорії, одразу відкривало головну категорію);

каталог товаров на сайте

  • Повернули на сайт блог (раніше його перекривали інші пункти у шапці)
  • Виправили верстку основних сторінок (відповідно до поточних макетів);
  • Повернули сайту мобільне меню (до нас воно не відкривалося);мобильное меню каким должно быть
  • Гугл карти замінили з варіанта через JS API на Iframe-варіант (додавши всі адреси);
  • Відкоригували відображення посилань (для чого створили спец. приховане меню в адмінці);
  • Почистили список обліків у базі;
  • Відключили тег менеджер (для збільшення швидкості завантаження сайту), перепідключили рідними тегами Google Аналітику та ФБ Піксель;
  • Налаштували приховування порожніх вкладок в описі товару/послуг (якщо інформація заповнена, вкладки відображаються);
  • У картках товарів (у каталозі категорії) прибрали зайву інформацію, на мобільних зовсім прибрали коротку картку (інформація звідти перекривала сусідній товар, криво відображалася);
  • Прибрали значки коллбека та оператора в картці товарів та загальному списку (у каталозі) т.к. вони гальмували систему і псували верстку – так товари з мобільного стали відображатися в 2 колонки замість 1 (зникли “дірки”);
  • Полагодили механіку та верстку кошика (раніше замовлення не оформлювалося);
  • Змінили повідомлення про оформлення замовлення – вирівняли верстку, прибрали непотрібну інформацію;
  • На сторінці блогу вирівняли записи, відкрили випадково приховані категорії/записи;
  • Виправили верстку сторінки окремої статті;
  • Поправили згідно макету спливаючий кошик;
  • Поправили виведення рекомендованих товарів та підрівняли ряди з товарами;
  • Прибрали список виробників з кошика і пошук по них (раніше це був список, що йде в нескінченність);
  • Перегрупували елементи у футері, прибрали звідти пошук (за бажанням клієнтів) і додали платіжні системи liqpay, visa, mastercard;
  • Полагодили сортування товарів (за ціною, назвою тощо);сортировка товаров в интернет магазинеЗробили окремі сторінки для доставки та партнерів;
  • Поправили верстку та прибрали помилки зі сторінок вакансій та анкети;
  • Прибрали зайве з каталогу товарів (послуги, які винесли до шапки окремим пунктом);
  • Доопрацювали сторінку списку всіх виробників та сторінку записів конкретного виробника;
  • Прибрали висновок “ХІТ продажів” т.к. за логікою він повністю повторював “ТОП продажів”.

Додаткові роботи

Крім технічної оптимізації, наша команда виконала наступні завдання замовників:

  • Редизайн шапки сайту для десктопної та мобільної версій;
  • Зробили скорочений (компактний) варіант лого для мобільних зі збереженням впізнаваності бренду;
  • Переробили картку послуги (раніше для послуг та товарів були однакові картки);

 

  • карточка услуги на сайтеДодали закріплений банер із рекламою основної послуги над шапкою (на мобільному він клікабельний із посиланням на головну);
  • Переробили каталог товарів у мобільній версії так, щоб у ньому було дві колонки товарів, замість однієї (як на сайтах агрегаторів типу Розетки);
  • Зробили можливість додавати банер на початку сторінки кожної категорії товарів;
  • Зробили можливість вручну додавати супутні/рекомендовані товари;
  • Налаштували події в ГА (додали додаткову інформацію через звіти – хто заходив до кошика, хто звідки зробив замовлення);
  • Додали до карток товарів ціни (там де вони були відсутні, наприклад у блоці рекомендованих товарів);
  • Замінили фразу “Немає в наявності” на “На замовлення” у картці товарів (що коректніше відображається специфіку роботи клієнтів);
  • У мобільній версії сайту додали закріплений номер телефону (кнопка швидкого зв’язку);
  • Закруглили кнопки та інпути, прибрали тінь;
  • Зробили попередній перегляд замовлення при наведенні миші на кошик.предпросмотрт корзины интернет магазин

 

Результати

Комп’ютерна версія ДО

скорость сайта оптимизировать

Комп’ютерна версія ПІСЛЯ

рекомендации гугл по увеличению скорости

Мобільна версія ДО

важность мобильной скорости сайта

Мобільна версія ПІСЛЯ

ускорить загрузку мобильной версии сайта

Показники GTmetrix ДО

performance report

Показники GTmetrix ПІСЛЯ

отчет о производительности сайта

 

Хочете так само?

Зв’язатися з нами можна за номером +38 048 737 44 49 поштою web@soft-pro.biz, або в месенджері – так, це та кнопка в нижньому правому кутку 🙂


Замовлення дзвінка

Дані надіслані


ПОМИЛКА