MegaTurnik - розганяємо магазин спортивних товарів

1. завдання:
2. Вихідні дані:
3. Хід робіт:
4. результати:
5. висновки

Наша команда-партнер Artmisto

Комплекс робіт спрямованих на прискорення завантаження сайту і оптимізацію відображення контенту інтернет-магазину спортивних товарів на Бітрікс. Перенастроювання платформи і базових налаштувань хостингу для поліпшення показників тесту Google PageSpeed Insights і GTmetrix для Megaturnik.ua.

завдання:

• Провести аудит і з'ясувати можливі шляхи прискорення сайту
• Домогтися поліпшення максимального числа показників без кардинальних переробок шаблону і втручання в основну верстку шаблонів
• Поліпшити показники тесту Google PageSpeed Insights
• Виправити помилки виявлення за результатами тестування Зручність перегляду на мобільних пристроях
• Поліпшити максимальне число параметрів по тесту GTmetrix

Вихідні дані:

На момент початку робіт тест показав знайому сумно-червону картинку:
Швидкість завантаження Для мобільних - 39/100
Швидкість завантаження Для комп'ютерів - 45/100
Швидкість завантаження Зручність для користувачів - 68/100

Варто зробити ремарку, що для абсолютної більшості магазинів показники вище 90/100 недосяжні. В умовах, коли не передбачена можливість втручання в шаблони і верстку, навіть 80/100 вважається відмінним результатом. До них і будемо прагнути.

Хід робіт:

Так як роботи проводилися по живому сайту ми змогли максимально швидко перевіряти результати проведених робіт і зменшити вартість робіт.

Умовно, всі роботи можна виділити розділити на наступні етапи:

1. Зміна черговості підключення javascript і css
2. Зміна принципів підключення скриптів і стилів для підключення механізмів оптимізації платформи
3. Перенастроювання функцій Бітрікс націлених на прискорення швидкодії виходячи з реальних показників
4. Налаштування хостингу для правильного кешування статичних файлів
5. Підключення модулів і налаштування для оптимізації всіх зображень на сайті
6. Чистка шаблонів і файлів від зайвих коментарів і "забутих" компонентів
7. Відключення запитів до непотрібним або заблокованим сервісів

Магазин клієнтів розташований на VPS одного з українських провайдерів. Продуктивність конфігурації сервера з самого початку не відповідає базовим вимогам системи і показує 10 бали з рекомендованих 30. Варіант перенесення ресурсу до іншого провайдера або зміна сервера був відхилений і довелося працювати з тим, що є. Доступними нам прийомами і настройками вдалося досягти продуктивності в 17 балів.

Так як можливості адміністрування сервера були обмежені ми зосередилися на базових настройках (доступних на більшості хостингів) і налаштування компонентів.

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

Варіант з включенням Автокомпозита показав свою неспроможність і виявив ряд проблем шаблону, які не дозволять його використовувати.

результати:

Тести GTmetrix так само показали приріст результатів.

І традиційний бонус для наших клієнтів - добродушно-зелений тест Перевірка зручності перегляду на мобільних пристроях

висновки

Досягнуті результати перевершили наші очікування для деськтопной версії і були очікуваними в версії для мобільних пристроїв.

Для поліпшення результатів мобільної версії потрібен інший підхід до її відображенню і загальній структурі, що є темою окремої публікації. Для деськтопной версії ми зробили все, що могли виходячи їх існуючої обмежень. Можна було досягти великих результатів і збільшити швидкість роботи застосувавши ряд рекомендованих правок. Серед складних і об'ємних по ресурсам рішень - зміна верстки шаблону і ряду використовуваних компонентів. Серед середніх і простих - оновлення конфігурації обладнання та перехід на php 7.