Логотип seo-prodvizhenie-biznesa.ru
+7 (921) 333-77-45

Elementor: когда конструктор оправдан, а когда убивает скорость и бюджет

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

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

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

Что делает визуальный конструктор и почему его выбирают

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

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

Откуда берётся вес страницы на конструкторе

Здесь много мифов, поэтому разберу по частям, опираясь на то, что сами разработчики пишут в справке.

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

Стили и скрипты. Конструктор подключает собственные наборы стилей и свою библиотеку скриптов. Здесь важная поправка: начиная с версии 3.3 разработчики разделили общий файл стилей на части по виджетам, и страница подгружает стили только тех виджетов, которые на ней используются. В справке прямо сказано, что неиспользуемые виджеты, шрифты и иконки скорость не ухудшают — их ресурсы не подключаются на страницах, где их нет. Так что совет «отключите лишние виджеты ради скорости» противоречит официальной позиции разработчика.

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

Чужие дополнения. Самая недооценённая статья расходов. Сторонние наборы виджетов, которые ставят «чтобы было побольше блоков», часто подключают свои стили и скрипты на всех страницах разом, даже если ни один их виджет не используется. Сам конструктор при этом ведёт себя прилично.

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

Что Elementor сделал для скорости сам

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

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

Набор доступных переключателей зависит от версии, поэтому конкретные названия пунктов сверяйте со справкой своей сборки. На момент написания в каталоге указана версия 4.2.4 с требованиями WordPress 6.8 и выше и PHP 7.4 и выше.

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

Где конструктор оправдан, а где мешает

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

Задача Конструктор оправдан Чем платите
Лендинг под рекламную кампанию Да, это его сценарий Почти ничем: страница одна, правки частые
Сайт услуг на 5–15 страниц Да, при аккуратной сборке Полусекундой загрузки и привязкой к инструменту
Блог на сотни статей Нет Ручной сборкой каждой статьи и потерей единого шаблона
Каталог товаров от нескольких сотен позиций Нет Скоростью каталога и сложностью массовых правок
Карточки товаров и категории магазина Только шаблон, не каждая карточка Временем сборки страницы на сервере
Проект с жёстким требованием по скорости Нет Метриками первого экрана, которые придётся вытягивать
Сайт, который передают другому подрядчику С оговорками Зависимостью: новый исполнитель обязан работать в том же инструменте
Один блок на обычной странице Нет Целой надстройкой ради таблицы цен

Отдельный случай — проекты, где скорость первого экрана влияет на деньги напрямую. Там конструктор не запрещён, но требует дисциплины, которой у большинства нет. Что именно при этом измеряется и почему дорогой дизайнерский сайт может не попадать в верхние строки, разобрано в материале про Core Web Vitals и дизайнерские сайты.

Как уменьшить вред, если конструктор уже стоит

Ситуация «сайт уже собран, переделывать некогда» — самая частая. Здесь работает порядок от дешёвого к дорогому.

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

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

Что будет, если отключить конструктор

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

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

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

Взломанные сборки платной версии: почему это не экономия

Скажу прямо, без дипломатии: пользоваться «обнулёнными» сборками платных конструкторов и дополнений к ним нельзя, и объяснять, где их брать, я не буду.

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

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

Чем заменить: блочный редактор и готовая тема

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

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

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

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

Правда ли, что сайт на конструкторе нельзя продвигать

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

Надо ли отключать неиспользуемые виджеты

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

Что делать с заголовками, если дизайнер везде поставил крупный текст

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

Elementor замедляет админку

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

Стоит ли переносить старый сайт с конструктора на блочный редактор

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

Когда дело не в конструкторе и когда нужен специалист

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

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

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

Коротко

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

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

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

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

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

Альтернатива для растущего сайта — блочный редактор ядра плюс аккуратная готовая тема. Компромисс, который я предлагаю чаще всего: конструктор на главной и лендингах, всё остальное на шаблонах.

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

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

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

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

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

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

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

Комментарии

Антон

Сайт услуг на Elementor, 12 страниц. Проверка скорости показывает мобильную оценку 34. Подрядчик говорит — надо переделывать всё с нуля, это 200 тысяч. Это правда единственный выход?

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

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

Бронислав

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

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

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

Вадим

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

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

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

Глеб

А как вообще понять, что вес даёт конструктор, а не тема? У меня стоит и то и другое от одного разработчика.

Диана

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

Евгений

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

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

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

Зинаида

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

Иван

Про заголовки — попал в точку. У меня дизайнер сделал все подзаголовки одним уровнем, потому что «так красивее». Пошёл переделывать.

Карина

Планирую блог на 200+ статей. Сейчас сайт на конструкторе. Правильно понимаю, что статьи лучше делать обычным редактором, а не собирать каждую блоками?

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

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

Константин

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

Людмила

Скажите, а если я собираюсь через год-два заказать нормальную разработку — стоит ли сейчас вообще связываться с конструктором для временного сайта?

Михаил

Таблица «задача — оправдан или нет» закрыла мой спор с партнёром. Мы как раз собирались каталог на 600 товаров собирать блоками. Не будем.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Нажимая «оставить комментарий» вы принимаетеправила конфиденциальности 

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