КЕЙС: Оптимизация скорости загрузки сайта rentcodeazur

Одной из первых проблем стали шрифты. На сайте было подключено больше гарнитур и начертаний (больше шрифтов, чем надо), чем реально использовалось в дизайне. Кроме того, часть шрифтов загружалась с избыточным весом и без оптимизации под реальное использование. (убирали начертания кириллицы, чтобы снизить вес шрифта).

Мы пересобрали систему шрифтов: удалили неиспользуемые гарнитуры, сократили количество начертаний, оптимизировали форматы и подключение. В результате браузер стал загружать только те шрифты, которые реально используются на сайте, и только в необходимом объеме. Это дало заметный прирост скорости на первом экране, особенно на мобильных устройствах.

Следующим этапом стала работа со скриптами. За время развития проекта на сайте накопилось большое количество JavaScript-файлов, часть из которых не использовалась вовсе, а часть подключалась глобально, даже там, где не была нужна.

Мы проанализировали все подключаемые скрипты, удалили лишние, объединили и минифицировали оставшиеся, а также оптимизировали порядок их загрузки. Критичные скрипты оставались доступными сразу, остальные загружались отложенно. Это существенно снизило блокировку основного потока и ускорило отрисовку контента.

Аналогичная работа была проделана со стилями. CSS-файлы, генерируемые WordPress и Elementor, часто содержат избыточные правила, которые не используются на конкретных страницах.

Мы сократили объем подключаемых стилей, удалили неиспользуемые правила, включили минификацию и оптимизировали порядок загрузки CSS. Это позволило уменьшить общий вес страниц и ускорить отображение контента без визуальных изменений для пользователя.

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

В рамках оптимизации был проведен процесс очистки и минификации HTML-вывода. Это позволило уменьшить размер итогового документа и сократить время передачи данных между сервером и браузером пользователя.

Отдельное внимание было уделено изображениям. Большая часть графики использовала устаревшие форматы, которые значительно тяжелее современных решений.

В рамках рекомендаций и подготовки сайта к дальнейшему росту была реализована стратегия перевода изображений в формат WebP. Этот формат обрабатывается браузером быстрее и существенно снижает вес файлов без потери визуального качества. В сочетании с ленивой загрузкой это дало заметный эффект на мобильных устройствах и при медленном интернете.

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

Это позволило сократить количество запросов и снизить нагрузку на браузер, особенно при первой загрузке страницы.

За время работы сайта в базе данных накопились лишние и пустые таблицы, устаревшие данные и неиспользуемые записи. Это замедляло выполнение запросов и увеличивало время генерации страниц.

Мы провели очистку базы данных, удалили ненужные таблицы и оптимизировали структуру хранения данных. Это положительно сказалось на скорости обработки запросов и стабильности работы сайта.

Дополнительно была проведена ревизия типов записей. Некоторые из них больше не использовались, но продолжали существовать в системе, создавая лишнюю нагрузку и усложняя архитектуру проекта.

Удаление неиспользуемых типов записей позволило упростить структуру сайта и снизить объем лишних данных, обрабатываемых WordPress.

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

Кэширование позволило значительно сократить время ответа сервера и ускорить повторные визиты пользователей, особенно на мобильных устройствах.