Elementor и SEO: почему сайт на конструкторе грузится шесть секунд и как это чинить

Elementor и SEO: почему сайт на конструкторе грузится шесть секунд и как это чинить
Анатолий Кузнецов
Анатолий Кузнецов
SEO-оптимизатор с 20-летним стажем. Автор блога seo-prodvizhenie-biznesa.ru о продвижении и доработке сайтов.

Elementor и SEO уживаются плохо ровно по одной причине: конструктор платит скоростью за удобство, а платит не он, а ваш посетитель. Сайт собрали за неделю, дизайн нравится, всё двигается мышкой — и та же страница на телефоне открывается шесть секунд, из которых четыре уходят на то, чего на экране не видно вообще.

Ниже — откуда берётся этот вес по слоям, какие переключатели убирают половину лишнего за вечер без переделки, где начинается граница, за которой конструктор дешевле снести, чем чинить, и что из измерений скорости действительно связано с позициями, а что вы будете улучшать зря. В SEO с 2005 года, и сайты на конструкторах приходят на разбор чаще любых других — с одинаковой формулировкой «красиво, но не растёт».

Из чего складываются шесть секунд

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

  • Ядро конструктора. Основной файл стилей и основной скрипт подключаются на каждой странице, даже если на ней один заголовок и один абзац. Плюс библиотека слайдера, которая грузится независимо от того, есть слайдер на странице или нет — она входит в набор зависимостей.
  • jQuery. Конструктор построен на нём, и отказаться нельзя. Сама библиотека плюс миграционный слой добавляют вес и, что важнее, блокируют разбор страницы, если подключены в шапке.
  • Шрифты и иконки. Собственный иконочный набор конструктора плюс подключённый набор сторонних иконок плюс два-три начертания текстового шрифта. Каждый файл — отдельный запрос, а иконочные наборы грузятся целиком ради трёх использованных значков.
  • Стили конкретной страницы. Конструктор генерирует под каждую запись собственный файл стилей в каталоге загрузок. У сайта на двести страниц там лежит двести файлов, и каждый посетитель тянет свой.
  • Анимации появления. Отдельный файл стилей, который подключается, если хоть на одном элементе включён эффект появления. Файл немаленький, а пользы от него для конверсии обычно ноль.

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

Лишние обёртки: почему один блок превращается в пять контейнеров

Классическая разметка конструктора вкладывает элементы друг в друга: секция, внутри неё обёртка, внутри колонка, внутри обёртка колонки, внутри виджет, внутри обёртка виджета — и только потом ваш текст. Шесть уровней вложенности там, где в обычной вёрстке хватает двух.

Вред от этого не в лишних байтах разметки, их немного. Вред в двух других вещах.

Первое: браузер строит дерево элементов и пересчитывает раскладку для каждого уровня. Чем глубже вложенность и чем больше элементов, тем дольше расчёт. На мобильном процессоре это заметные сотни миллисекунд, и они приходятся ровно на момент, когда пользователь ждёт первый экран.

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

В свежих версиях конструктора глубина сокращена: появился режим контейнеров вместо связки секция плюс колонка и режим оптимизированной разметки, который убирает внутренние обёртки виджетов. Оба включаются в разделе экспериментальных возможностей. На новом сайте включать нужно сразу. На старом переключение режима контейнеров не переделает уже собранные страницы — оно действует на то, что вы создаёте после включения.

Шрифты и иконочные наборы — самый недооценённый вес

Здесь лежит самая быстрая победа, потому что убирается почти без риска.

По умолчанию конструктор тянет шрифты с внешнего сервиса: для российского посетителя это лишний домен, лишнее соединение и непредсказуемая задержка. Решение — выключить внешнюю загрузку шрифтов в настройках и подключить нужные начертания локально в формате woff2, добавив правило отложенного показа, чтобы текст рисовался системным шрифтом, пока свой не загрузился. Начертаний должно быть два-три, каждое лишнее — отдельный файл.

Иконочные наборы устроены хуже. Сторонний набор иконок состоит из нескольких файлов шрифта, и подключается он целиком. Использовали три значка — загрузили весь набор. Собственный набор конструктора добавляется сверху. Варианты решения по возрастанию сложности: включить встроенную вставку иконочного шрифта, чтобы убрать лишние запросы; отключить сторонний набор целиком, если иконки из него не используются; заменить оставшиеся иконки на векторные картинки, вставленные прямо в разметку.

Проверить, что именно грузится, можно во вкладке «Сеть» инструментов разработчика с фильтром по шрифтам. Обычно там обнаруживается два-три файла, о существовании которых владелец сайта не подозревал. Отдельно посмотрите на картинки: если они грузятся в старых форматах и без отложенной загрузки, это ещё несколько секунд. Про подводные камни отложенной загрузки есть отдельный разбор — Ленивая загрузка картинок съедает ваш трафик из поиска по изображениям.

Отдельный CSS и JS на каждый виджет

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

Плюс: страница с тремя виджетами не тащит стили для сорока, общий вес падает заметно. Минус: вместо одного запроса появляется десять-пятнадцать маленьких. На современном протоколе соединения это почти бесплатно, на старом — заметно дороже. Проверьте, работает ли сайт по второй версии протокола: если хостинг отдаёт по первой, дробление стилей ухудшит результат, а не улучшит.

Со скриптами похожая история, но грубее: значительная часть подключается независимо от содержимого страницы. Отсечь лишнее штатными средствами конструктора нельзя — нужен плагин управления загрузкой ресурсов, который умеет отключать конкретные скрипты на конкретных типах страниц. Инструмент мощный и опасный: одно неверное отключение ломает форму или меню, и заметите вы это не сразу. Порядок такой — отключаете, проверяете страницу вручную во всех состояниях, только потом идёте дальше. Какие плагины для этого вообще стоит держать на сайте, я разбирал в материале Какие плагины на WordPress помогут оптимизировать сайт.

Что отключить прямо сейчас

Список действий, которые не требуют переделки страниц. Порядок — от безопасных к тем, что требуют проверки.

Действие Где включается Что даёт На что смотреть после
Отключить загрузку шрифтов с внешнего сервиса Настройки конструктора, вкладка дополнительных параметров Минус внешний домен и лишние соединения Шрифт не должен смениться на системный навсегда — подключите начертания локально
Включить встроенную вставку иконочного шрифта Раздел экспериментальных возможностей Минус несколько запросов на каждой странице Проверить, что иконки не превратились в квадраты
Отключить сторонний иконочный набор Настройки конструктора Самая большая единовременная экономия веса Проверить все страницы: если набор использовался, иконки исчезнут
Включить улучшенную загрузку стилей Раздел экспериментальных возможностей Страница грузит стили только использованных виджетов Требуется вторая версия протокола на хостинге
Включить оптимизированную разметку Раздел экспериментальных возможностей Меньше уровней вложенности, быстрее расчёт раскладки Собственные стили могли опираться на убранные обёртки
Убрать эффекты появления элементов Настройки каждого элемента Не подключается файл анимаций Ничего не ломается, страница просто становится спокойнее
Отключить неиспользуемые виджеты платной версии Плагин управления загрузкой ресурсов Минус скрипты форм, окон, каруселей на страницах без них Проверить формы и всплывающие окна вручную

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

Что нельзя отключить без переделки шаблона

Дальше начинается то, что переключателями не решается.

  • Основной файл стилей и основной скрипт конструктора. Пока страницы собраны в нём, они нужны. Убрать их — значит рассыпать вёрстку.
  • jQuery. Зависимость жёсткая.
  • Глубина вложенности на уже собранных страницах. Режим контейнеров действует на новые страницы; старые придётся пересобирать вручную.
  • Генерация файла стилей под каждую страницу. Можно переключить на вывод стилей внутри HTML, но тогда они перестают кэшироваться браузером и вес переезжает в саму страницу.

Есть отдельный случай, который стоит назвать прямо: если конструктором собран только шаблон шапки и подвала, а сами страницы обычные, конструктор можно отключить полностью, перенеся шапку и подвал в код темы. Это два-три часа работы и минус весь набор ресурсов на каждой странице сайта. Проверить просто: откройте несколько ключевых страниц в редакторе и посмотрите, собраны они блоками конструктора или это обычный редактор записей.

Оставить конструктор разумно, когда страницы часто меняются и правит их человек без навыков вёрстки, когда на сайте десятки посадочных с разной структурой, когда бюджет на разработку ограничен. Менять его на верстку разумно, когда сайт — это главная плюс десяток страниц услуг со стабильной структурой, когда трафик преимущественно мобильный, когда конкуренты в выдаче открываются вдвое быстрее. Похожая развилка есть у любого конструктора, и её границы я разбирал на примере другой платформы в статье Собрал сайт на Тильде за вечер — а через год упёрся в потолок: где заканчивается SEO конструктора.

Оставить, оптимизировать или переверстать

Критерий Оставить как есть Оптимизировать настройками Переверстать шаблон
Срок работ Один вечер От двух недель
Риск сломать вёрстку Нулевой Низкий, всё обратимо переключателем Высокий, нужен тестовый домен
Эффект на время отрисовки Заметное сокращение Кратное сокращение
Кто сможет править страницы потом Любой человек на стороне заказчика Любой человек на стороне заказчика Нужен верстальщик или готовые блоки
Когда это правильный выбор Сайт не продвигается, трафик из рекламы Почти всегда первый шаг Конкурентная тематика, мобильный трафик, упор на поиск
Что делать с адресами Ничего не меняется Адреса сохранить один в один, иначе понадобятся редиректы

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

Что из этого реально влияет на позиции

Здесь важно отделить измеряемое от влияющего, иначе легко потратить месяц на цифру, которая не двигает ничего.

Синтетическая оценка в популярных сервисах — это лабораторный прогон на эмулированном медленном устройстве. Она полезна как диагностика: показывает, что именно блокирует отрисовку. Она бесполезна как цель: балл можно поднять приёмами, которые не меняют реальную скорость у людей. Об этой подмене я подробно писал в материале Как обмануть сервис Pagespeed insights.

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

Прямой связи «стало на секунду быстрее — поднялись на две позиции» не существует. Связь другая и работает через поведение: с медленной страницы уходят, не дождавшись, и доля таких уходов попадает в поведенческие сигналы. На мобильном трафике это особенно жёстко. Поэтому правильная постановка задачи звучит не «поднять балл», а «сократить долю посетителей, которые ушли раньше, чем увидели первый экран». Механика связи скорости и ранжирования разобрана в статье Скорость загрузки сайта — обман: настоящая метрика, которая решает позиции, прячется в другом месте, а типовые случаи дорогих и медленных сайтов — в разборе Core Web Vitals 2026: почему дизайнерский сайт за 500 000 ₽ не попадает в ТОП-10.

И последнее. Скорость почти никогда не бывает единственной причиной застоя сайта на конструкторе. Рядом с ней обычно стоят одинаковые заголовки на десятке посадочных и отсутствие текста под запросы. Чинить скорость нужно, но начинать разбор с неё — значит смотреть на самое заметное, а не на самое важное.

Частые вопросы

Правда ли, что поисковики понижают сайты на конструкторах? Нет. Понижаются медленные и слабые по содержанию страницы, а на чём они собраны, значения не имеет. Аккуратно настроенный сайт на конструкторе обгоняет неряшливо свёрстанный вручную. Проблема в том, что настройка по умолчанию у конструктора тяжёлая, и большинство сайтов остаётся именно в ней.

Поможет ли кэширование вместо оптимизации конструктора? Частично. Кэш убирает время сборки страницы на сервере, но не убирает тридцать запросов на стили и скрипты и не ускоряет расчёт раскладки на телефоне. Ставить кэш нужно, но рассчитывать, что он закроет вопрос, не стоит.

Стоит ли переезжать на блочный редактор WordPress? Он заметно легче, потому что не тянет ни jQuery, ни отдельные файлы стилей на страницу. Но перенос уже собранных страниц автоматически не делается: содержимое конструктора хранится в служебном виде и при отключении плагина превращается в набор служебных пометок. Переезд — это ручная пересборка, планируйте его как отдельную работу с сохранением адресов.

Насколько опасны эксперименты в настройках конструктора? Обратимы все, кроме режима контейнеров: страницы, собранные в новом режиме, в старом уже не откроются как раньше. Остальные переключатели можно выключить обратно и получить прежнее поведение. Правило одно: включайте по одному и проверяйте ключевые страницы после каждого.

Что делать, если после оптимизации поехала вёрстка? Выключите последний включённый переключатель — почти всегда виноват он. Если ломается именно оптимизированная разметка, значит, ваши дополнительные стили опирались на убранные обёртки; правится переписыванием нескольких селекторов на более короткие. Держите копию файла дополнительных стилей до правок.

Если сайт собран на конструкторе, а из поиска приходит меньше, чем от контекстной рекламы, начинать стоит с технического разбора: видно, что грузится лишнего, какие страницы конкурируют между собой и где содержания не хватает под запросы. Настройку скорости и приведение шаблона в порядок я делаю в рамках доработки существующего сайта. Условия и порядок работы — на странице заказать продвижение сайта: продвижение веду лично, 20 лет в SEO, вы общаетесь со мной напрямую, а не с менеджером.

Коротко

  • Основной вес конструктора — ядро, jQuery, иконочные наборы, внешние шрифты, файл стилей под каждую страницу и анимации появления.
  • Половина лишнего убирается переключателями за вечер: локальные шрифты, отказ от стороннего набора иконок, встроенная вставка иконочного шрифта, улучшенная загрузка стилей, оптимизированная разметка.
  • Режим контейнеров сокращает вложенность только для новых страниц — старые придётся пересобирать вручную.
  • Если конструктором собраны только шапка и подвал, его можно снять полностью за несколько часов и убрать весь набор ресурсов со всех страниц сайта.
  • Синтетический балл — диагностика, а не цель; решения принимайте по данным реальных посетителей из панели вебмастера.
  • Скорость влияет на позиции через поведение, а не напрямую, и почти никогда не бывает единственной причиной застоя.

Увеличьте позиции и продажи вашего сайта

Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:

Анатолий Кузнецов — SEO-оптимизатор

Остались вопросы по продвижению?

Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.

Связаться со мной →

Комментарии

Гавриил Пожарский

Включил улучшенную загрузку стилей, вес упал, а балл в тесте почти не изменился. Стоило ли вообще трогать?

Анатолий Кузнецов автор

Стоило, но смотрите не на балл. Дробление стилей уменьшает суммарный вес, а балл в синтетическом тесте складывается в основном из времени отрисовки первого экрана и отзывчивости — на них дробление влияет слабо, если блокирующие файлы остались на месте. Проверьте две вещи. Первая: работает ли сайт по второй версии протокола, иначе пятнадцать мелких запросов съедят выигрыш. Вторая: что именно блокирует отрисовку — во вкладке «Сеть» отсортируйте по времени старта и посмотрите, какие файлы стоят до первой отрисовки. Обычно там висят внешние шрифты и сторонний иконочный набор, и вот их снятие двигает цифру сразу. И держите в голове, что показатель у реальных посетителей меняется не мгновенно: панель вебмастера усредняет данные за период, эффект будет виден через пару недель.

Галактион Ушаков

У нас конструктором собраны только шапка и подвал, страницы обычные. Правда можно снять полностью?

Анатолий Кузнецов автор

Правда, и это самый выгодный сценарий из всех. Порядок такой. Сначала сделайте копию сайта на тестовом домене и работайте там. Перенесите разметку шапки и подвала в файлы дочерней темы, стили — в отдельный файл темы, а не в поле дополнительных стилей конструктора. Меню подключите штатным механизмом WordPress, чтобы оно осталось редактируемым из админки. Проверьте мобильное меню отдельно: в конструкторе оно почти всегда работает на его собственном скрипте, и вот этот кусок придётся переписать. После этого отключайте плагин и обходите ключевые страницы. Если страницы записей и услуг действительно не собраны блоками, вы не потеряете ничего, а с каждой страницы сайта уйдёт весь набор ресурсов конструктора. По времени это несколько часов, по эффекту — больше, чем весь список переключателей вместе взятый.

Герасим Пестов

Отключил сторонний набор иконок, как советуют в таблице. На половине страниц вместо значков появились пустые квадраты. Хорошо, что откатывается одним переключателем.

Глафира Толбузина

А что делать со старыми страницами, если включили режим контейнеров? Пересобирать сорок посадочных руками — это месяц работы.

Анатолий Кузнецов автор

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

Демьян Сивцов

Добавлю про анимации появления. Убрали их на всём сайте, и кроме файла стилей ушёл ещё и сдвиг раскладки на мобильных — блоки перестали прыгать при прокрутке.

Дорофей Кабанов

Вопрос про блочный редактор. Если отключить конструктор без пересборки, что физически будет на странице?

Анатолий Кузнецов автор

Ничего хорошего: содержимое, собранное конструктором, хранится в служебном поле записи, а в основном поле остаётся либо пусто, либо набор нераскрытых пометок. После отключения плагина посетитель увидит либо пустую страницу, либо строки в квадратных скобках. Робот увидит то же самое, и если он успеет обойти сайт в таком состоянии, страницы уйдут в категорию малополезных. Поэтому переезд делается только так: копия на тестовом домене, ручная пересборка страниц в блочном редакторе, сверка адресов один в один, и лишь потом перенос на боевой сайт. Отдельно проверьте, что после переезда сохранились заголовки первого уровня и структура подзаголовков — при ручном переносе их теряют чаще всего.

Евлампия Тарасенкова

У нас разработчик утверждает, что шесть секунд — это нормально, потому что сайт красивый и тяжёлый по определению. Теперь есть что ответить.

Евстафий Бурнашев

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

Ермолай Пятков

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

Ефим Хабаров

Скажите, а есть смысл переверстывать, если сайт продвигается только по своему городу и конкурентов немного?

Анатолий Кузнецов автор

Скорее нет. Переверстка окупается там, где в выдаче тесно и разница в полторы секунды решает, кого пользователь досмотрит. Если по вашим запросам в выдаче пять сайтов и три из них открываются так же медленно, вложение в вёрстку даст меньше, чем те же деньги в содержание страниц и в проработку запросов. Сделайте первый шаг из списка переключателей — он бесплатный по деньгам и стоит вечера, — потом посмотрите на данные реальных посетителей в панели вебмастера. Если время отрисовки первого экрана уложилось в приемлемые рамки, тему переверстки можно закрыть на год и заняться тем, что приносит заявки: посадочными под конкретные запросы, ценами на видном месте и удобной формой.

Захарий Ноздрин

Полезная таблица со сценариями. Особенно строка про адреса — у знакомых при переверстке поменялись все ссылки, трафик восстанавливали полгода.

Зиновия Пахомова

Проверила вкладку «Сеть» по совету из статьи. Нашла четыре файла шрифтов, из которых реально используется один. Никто про них не знал, включая того, кто делал сайт.

Прокрутить вверх