Наша команда-партнер Artmisto
Комплекс робіт спрямованих на прискорення завантаження сайту і оптимізацію відображення контенту інтернет-магазину спортивних товарів на Бітрікс. Перенастроювання платформи і базових налаштувань хостингу для поліпшення показників тесту Google PageSpeed Insights і GTmetrix для Megaturnik.ua.
завдання:
- Провести аудит і з'ясувати можливі шляхи прискорення сайту
- Домогтися поліпшення максимального числа показників без кардинальних переробок шаблону і втручання в основну верстку шаблонів
- Поліпшити показники тесту Google PageSpeed Insights
- Виправити помилки виявлення за результатами тестування Зручність перегляду на мобільних пристроях
- Поліпшити максимальне число параметрів по тесту GTmetrix
Вихідні дані:
На момент початку робіт тест показав знайому сумно-червону картинку:
Швидкість завантаження Для мобільних - 39/100
Швидкість завантаження Для комп'ютерів - 45/100
Швидкість завантаження Зручність для користувачів - 68/100
Варто зробити ремарку, що для абсолютної більшості магазинів показники вище 90/100 недосяжні. В умовах, коли не передбачена можливість втручання в шаблони і верстку, навіть 80/100 вважається відмінним результатом. До них і будемо прагнути.
Хід робіт:
Так як роботи проводилися по живому сайту ми змогли максимально швидко перевіряти результати проведених робіт і зменшити вартість робіт.
Умовно, всі роботи можна виділити розділити на наступні етапи:
- Зміна черговості підключення javascript і css
- Зміна принципів підключення скриптів і стилів для підключення механізмів оптимізації платформи
- Перенастроювання функцій Бітрікс націлених на прискорення швидкодії виходячи з реальних показників
- Налаштування хостингу для правильного кешування статичних файлів
- Підключення модулів і налаштування для оптимізації всіх зображень на сайті
- Чистка шаблонів і файлів від зайвих коментарів і "забутих" компонентів
- Відключення запитів до непотрібним або заблокованим сервісів
Магазин клієнтів розташований на VPS одного з українських провайдерів. Продуктивність конфігурації сервера з самого початку не відповідає базовим вимогам системи і показує 10 бали з рекомендованих 30. Варіант перенесення ресурсу до іншого провайдера або зміна сервера був відхилений і довелося працювати з тим, що є. Доступними нам прийомами і настройками вдалося досягти продуктивності в 17 балів.
Так як можливості адміністрування сервера були обмежені ми зосередилися на базових настройках (доступних на більшості хостингів) і налаштування компонентів.
Після чого стало питання оптимізації раніше завантажених зображень і зменшення їх розмірів в майбутньому. Старі картинки були пережаті на сервері, нюанс оптимізації нових було вирішено установкою додаткових модулів в Бітрікс.
Варіант з включенням Автокомпозита показав свою неспроможність і виявив ряд проблем шаблону, які не дозволять його використовувати.
результати:
Тести GTmetrix так само показали приріст результатів.
І традиційний бонус для наших клієнтів - добродушно-зелений тест Перевірка зручності перегляду на мобільних пристроях
висновки
Досягнуті результати перевершили наші очікування для деськтопной версії і були очікуваними в версії для мобільних пристроїв.
Для поліпшення результатів мобільної версії потрібен інший підхід до її відображенню і загальній структурі, що є темою окремої публікації. Для деськтопной версії ми зробили все, що могли виходячи їх існуючої обмежень. Можна було досягти великих результатів і збільшити швидкість роботи застосувавши ряд рекомендованих правок. Серед складних і об'ємних по ресурсам рішень - зміна верстки шаблону і ряду використовуваних компонентів. Серед середніх і простих - оновлення конфігурації обладнання та перехід на php 7.