Telegram

Тяжёлый Elementor на главной WordPress

Главная на Elementor с полноэкранным слайдером, анимациями и десятком виджетов — частая причина LCP 4–8 секунд на Mobile. Страница «красивая в редакторе», но первый экран грузит мегабайты CSS и JS. Ниже — что убрать или заменить без полного редизайна.

Тяжёлый Elementor на главной: что тормозит

Почему Elementor тяжелее «обычной» темы

Конструктор подключает свой CSS/JS на каждой странице, где использован, плюс стили виджетов. Слайдер Pro, карусели, счётчики — отдельные скрипты.

Редактор удобен для маркетинга, но каждый добавленный виджет — вес. Главная как лендинг из 15 секций — худший сценарий для PageSpeed.

Elementor 3.x с экспериментальными фичами (например, дополнительные DOM-обёртки) усугубляет CLS, если не заданы размеры блоков.

Что чаще всего бьёт по LCP

Первый слайд в full-width slider — огромное JPEG без WebP, без `fetchpriority="high"`, без фиксированной высоты контейнера.

Google Fonts: подключение всех начертаний (300–900) для трёх семейств. Оставьте 2–4 файла, подключите локально или через `font-display: swap`.

Фоновое видео или parallax на первом экране — на Mobile отключайте или замените статичным изображением.

Тяжёлый Elementor на главной: что тормозит

Практические шаги облегчения

Elementor → Настройки → Эксперименты / Производительность: включите отложенную загрузку CSS, по возможности — режим «только используемые стили» (зависит от версии).

Замените слайдер из 5 кадров на один hero-блок с одной оптимизированной картинкой и кнопкой — часто визуально достаточно.

Удалите неиспользуемые виджеты с главной: дубли форм, всплывающие окна, счётчики «для красоты».

Проверьте Elementor → Инструменты → Регенерация CSS после правок.

Связь с белым экраном и обновлениями

Тяжёлая главная не только медленная — после обновления Elementor и Pro несовместимость версий даёт белый экран (см. статью про белый экран).

Обновляйте Elementor и Pro парой на staging, не по одному на проде в пятницу.

Что не делать

Не ставьте «оптимизатор» поверх Elementor без теста — ломается вёрстка.

Не конвертируйте всю главную в картинку одним PNG — SEO и доступность пострадают.

Не отключайте Elementor на главной без плана B — сломается вёрстка, если нет запасной темы.

Что сделает WebStudio7

Разберём Waterfall в Lighthouse, облегчим первый экран, настроим кэш и шрифты, дадим отчёт до/после на вашем хостинге.

Точечная доработка Elementor — в услуге ускорения или доработки под задачу. Кейс стоматологии — восстановление после сбоя Elementor.

Смета до старта — @webstudio7. Воронеж и РФ, только WordPress.

По теме в блоге

Услуга: Ускорение WordPress · Кейс: Кейс: стоматология, Elementor · Расценки · Контакты

Все статьи блога

Опишите задачу

Опишите URL сайта и симптом — ответим в Telegram @webstudio7 или на info@web-studio-7.ru в рабочее время. Смета — до начала работ.