MegaTurnik - разгоняем магазин спортивных товаров
Комплекс работ направленных на ускорение загрузки сайта и оптимизацию отображения контента интернет-магазина спортивных товаров на Битрикс. Перенастройка платформы и базовых настроек хостинга для улучшения показателей теста 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.
Дата проведения работ - ноябрь 2017