Hatber

«ХАТБЕР-Казахстан» работает на рынке с 2010 года и на сегодняшний день является одним из ведущих поставщиков бумажно-беловой продукции школьного и офисного направления и спектра канцелярских товаров в Казахстане.

Наше сотрудничество началось еще в 2013 году.

За это время было реализовано несколько успешных проектов. Один из последних – это оптимизация быстродействия интернет-магазина https://hatber.kz/

Клиент обратился к нам со следующими проблемами:

1. медленная загрузка страниц сайта, исходные показатели по Google PageSpeed Insight: мобильная версия 0-5 ед., desktop 20-25 ед.;

2. критичные показатели времени до отрисовки и времени до загрузки DOM по данным отчета Яндекс.Метрики;

3. некорректная и медленная работа функционала оформления заказа с использованием бонусной системы;

4. ежедневная необходимость удаления кэша большого объема.

Основная задача была: снизить скорость загрузки страниц сайта, увеличить индекс быстродействия по версии Google PageSpeed Insight.

Мы решали проблему комплексно, т.е. работали параллельно по обоим направлениям - frontend и backend.

Выполненные работы:

- Оптимизировали меню каталога и блок корзины в шапке сайта, внесли изменения в код мобильного меню, настроили lazy load картинок в каталоге и в мобильной версии сайта.

- Снизили время кеширования и настроили автоматическую очистку кеша по расписанию.

- В мобильной версии заменили блок видео с youtube на адаптивный.

- На странице подробного описания акции блок с товарами был изменен на постраничный просмотр (вывод по 20 товаров за раз).

- Добавили возможность загрузки iframe с задержкой.

- Убрали запросы к базе в цикле в result_modifier компонента корзины в шапке.

- Отключили ненужные модули в ядре CMS, за счет чего сократили время ответа сервера примерно на 1 секунду.

- Провели ряд оптимизаций на frontend, за счет чего удалось достичь прироста индекса PageSpeed до 25-30 пунктов на desktop:

1. отложили запуск скрипта метрики на сайте, удалили лишний код метрики от Google, чтобы не блокировался основной поток;

2. проанализировали компоненты и сделали самые тяжелые также ленивыми (т.е. подгрузка отдельным запросом уже после отдачи страницы);

3. удалили неиспользуемые стили и скрипты;

4. минифицировали стили и скрипты;

5. переместили весь Javascript в конец страницы.

В результате всех работ индекс быстродействия сайта Google PageSpeed вырос в мобильной версии c 5 до 37 ед., desktop - с 25 до 82 ед.

Несмотря на то, что один из показателей все еще находится в «красной зоне», для Заказчика - это уже отличный результат, по сравнению с исходным.

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