Ускорение сайта «Самараплитка» на MODX CMS

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

• PageSpeed Insights>
• GTmetrix (на момент публикации статьи перестал работать)
• WebPageTest

На начальном этапе мы имели следующие показатели скоростей:

Проанализировав показатели, решили работать по следующему плану:

1. Оптимизация загрузки JS.
2. Обработка изображений.
3. Минификация скриптов и стилей.
4. Типографика.
   

1. Кеширование. Было выявлено огромное количество запросов к БД — около 1200. Время ответа сервера составляло 1100 мс. После настройки кеширования время ответа сервера — 60 мс.

2. Работали с файлами JS:

• Сделали загрузку jQuery через CDN Yandex. Раньше загрузка доходила до 800 ms, стала в среднем 200 ms.
• Провели работы со скриптом blazy: загрузка стала в 3 раза быстрее из локального JS вместо CDN.
• Яндекс Метрика значительно замедляла загрузку страницы, особенно на мобилке. Решение стало сделать setTimeout в 5 секунд на скрипт tag.js

Результат после проведенных работ — ускорение на 20-30% на мобилке, 2-3% на десктопе.

3. Сжали все изображения, но ощутимого эффекта это не дало.

4. Минификация скриптов и стилей не дала ощутимого эффекта, так как основные библиотеки JS уже были в минифицированном виде, а файлы стилей сами по себе и так небольшого размера.

5. Исправлены файлы стилей (некорректный расчет ширины некоторых элементов, шрифты без безопасных аналогов и т.п.) — не дало эффекта.

6. Работа с типографикой. По умолчанию были установлены тяжелые шрифты ttf. Мы загрузили woff2 и woff, а также исправили ошибки CSS по шрифтам.

• Оптимизировать верстку: сократить DOM.
• Оптимизировать изображеня: несколько вариантов одного изображения делать отдельно под разные типы экранов.
• Отключить Вебвизор на сайте.

Данные меры не целесообразны на этом проекте, так как требуют значительных временных затрат на все переделки. 

Работы по ускорению сайта samaraplitka.ru были проведены в апреле 2022 года. На реализацию поставленного плана работ было потрачено порядка 10 часов работы.

На момент публикации статьи показатели скорости изменились, так как сайт подвергся существенным внутренним доработкам с целью SEO-оптимизации, после которого последует новый виток ускорения.