Техническая оптимизация и частичный редизайн для lp-group.com.ua

Резюме

Заказчик: Транспортная компания LP Group — Logistic Provider

Проблематика: в ходе аудита на сайте были обнаружены ошибки в JS и CSS, отсутствие SSL сертификата, ошибки с загрузкой карты и галереи, неудобные для пользователя элементы, а также низкие показатели скорости.

Наша задача в рамках данного кейса: исправить найденные ошибки и повысить юзабилити сайта.

Продолжительность работ:  1 неделя

Этапы оптимизации

После согласования списка рекомендаций и дополнительных задач с клиентами, были выполнены следующие доработки:

• Переход с незащищенного протокола http на безопасную версию сайта по протоколу https, исправление ошибок со ссылками.
• Удалили лишние плагины и расширения.
• Вместо использования Google Tag Manager напрямую подключили к сайту гугл аналитику.
• Оптимизировали инлайн скрипты и файлы, разделили инлайн стили и файлы стилей для основного сайта и для поддомена «Авто из США».
• Добавили возможность рендерить (визуализировать) страницу, не ожидая пока шрифты загрузятся.
• Исправили ошибки JS.
• Минифицировали файлы css, js и html — удалили все лишние символы, переносы, комментарии, элементы.
• Добавили подмену картинок jpg/png на webp в браузерах с поддержкой данного формата.
• Оптимизировали размер картинок  для уменьшения веса сайта.
• Настроили отложенную загрузку всех изображений, кроме главного баннера.
• Отказались от использования YouTube API Services, вместо него вывели видео через iFrame.
• Настроили отложенную загрузку ютуб видео с отзывами клиентов.
• Исправили ошибки с отображение карт.
• Настроили отложенную загрузку карт (до скролла).
• Настроили кеширование статичных файлов (css, js, изображения).
• Исправили переводы.
• Настроили открытие всех соц. сетей в новом окне.
• Добавили фейсбук отзывы клиентов.

• Добавили призыв подписаться на телеграм и вайбер каналы.

• Обновили WP и плагины.
• Обновили версию РНР на сервере до 7.4, исправили ошибки несовместимостей.
• Улучшили юзабилити с помощью редизайна футера и хедера, добавления более темной подложки к меню, отключения избыточных всплывающих элементов.

Результат

Компьютерная версия ДО

Компьютерная версия ПОСЛЕ

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

Мобильная версия ПОСЛЕ

Показатели GTmetrix ДО

Показатели GTmetrix ПОСЛЕ

В силу того, что на сайте много изображений и видео (в том числе видео содержится на одном из слайдеров главного экрана), а также учитывая то, что в данном бизнесе качество и количество фото играет немаловажную роль, мы не могли пожертвовать качеством изображений и пожертвовали баллами (особенно важно это для обновленных показателей GTmetrix).

Есть проблемы с сайтом?

Звоните  +38 048 725-49-49, пишите на web@soft-pro.biz или  в мессенджер  — прямо на этой странице, в правом нижнем углу 🙂