Сравнение редакторов Elementor и WPBakery на скорость и ошибки сайта.
Сейчас на рынке плагинов для WordPress есть большой выбор Drag and Drop редакторов – Elementor и WPBakery, Divi, Beaver Builder, Visual Composer, SiteOrigin, Themify и множество других. Они все разделяются на платные и бесплатные, например Visual Composer – бесплатный, WPBakery – платный, при этом это одна команда которая разделилась несколько лет назад. Разработчики тем в силу ряда обстоятельств предлагаю темы на разных редакторах, но лидерами по дополнению к темам являются – Elementor и WPBakery(Visual Composer). И при выборе темы или создании продающего сайта “с нуля” встает вопрос что выбрать в начальной стадии разработки.
Параметров отбора может быть много, например на сайте при доработке сайта или его поддержке, нужно установить некий виджет(плагин) по требованию заказчика – а он не совместим с изначально выбранным редактором и тут начинаются “танцы с бубном”. Но это отдельная ситуация и сегодня мы ее не будем рассматривать.
Давайте сравним простые и доступные всем показатели, которые влияют на seo оптимизацию сайта – такие как скорость загрузки сайта и наличие ошибок в коде. Для сравнения берем 2 наиболее популярных drag&drop редакторов – Elementor и WPBakery, поставим их на 2 полностью одинаковых сайта и сравним результаты. Параметры тестирования:
- Хостинг – единый для всех, в моем случае Hostland
- Домен – все были поставлены на поддомен данного сайта
- Версия wordpress при тестировании – 5.0.3
- Тема – Twenty Seventeen
- Плагины – стандарт при установке нового wordpress (Akismet и Hello Dolly)
- Фото – одинаковое для всех
- Примечание – все сайты были поставлены в чистую перед тестированием
Тестирование Elementor
Замеряем скорость на PageSpeed от Google до установки редактора Elementor – 96/99 (мобильный/компьютер)
Проверяем ошибки – 0/16/910 (ошибок/рекомендаций/миллисекунд)
Добавляем Elementor
и редактируем главную страницу добавив стандартное изображение и карусель постов. Оба плагина идут в стандарте. Другие настройки не проводились.
Проверяем сайт с Elementor на скорость после изменений
Скорость – 82/91
Валидатор – 0/22/627
Итого по Elementor
Elementor | Скорость (мобильный/компьютер) |
Валидатор (ошибок/рекомендаций/миллисекунд) |
---|---|---|
До | 96/99 | 0/16/910 |
После | 82/91 | 0/22/627 |
Тестируем WPBakery
Замеряем скорость до установки редактора WPBakery – 97/99 (мобильный/компьютер)
Проверяем ошибки – 0/16/910 (ошибок/рекомендаций/миллисекунд) – данные полностью совпали с Элементором
Добавляем WPBakery и Классический редактор WP для него.
Редактируем главную страницу добавив стандартное изображение и карусель постов. Оба плагина идут в стандарте. Другие настройки не проводились, как видите плагин – красиво разъехался по стилю, чистота эксперимента не позволила “сделать красиво”
Проверяем сайт с WPBakery на скорость после изменений
Скорость – 85/97
Валидатор – 4/23/2117
[yop_poll id=”2″]
Итого по WPBakery
WPBakery | Скорость (мобильный/компьютер) |
Валидатор (ошибок/рекомендаций/миллисекунд) |
---|---|---|
До | 97/99 | 0/16/910 |
После | 85/97 | 4/23/2117 |
Сравнение Elementor и WPBakery
Скорость (мобильный/компьютер) |
Валидатор (ошибок/рекомендаций/миллисекунд) |
|
---|---|---|
Чистый сайт | 96/99 | 0/16/910 |
Elementor | 82/91 | 0/22/627 |
WPBakery | 85/97 | 4/23/2117 |
Вывод – делайте сами. Моя позиция остается прежней редактор подбирается под нужды клиента и эти данные хороши только как чистый эксперимент в вакууме, потому что если дальше добавлять кеширование и оптимизации то очень многое зависит от плагинов, хостинга объема контента, доп. модулей и так далее. 2-х полностью одинаковых сайтов не существует потому что остается большой объем внешних факторов.
Список инструментов для тестирования Elementor и WPBakery
PageSpeed от Google – проверка скорости загрузки сайта >>>
Валидатор кода W3 – проверить код >>>
Бонус к сравнению Elementor и WPBakery:
Все началось с дискуссии о drag&drop редакторе – SiteOrigin. Один из сайтов клиентов был сделан на нем и показал очень интересные результаты при оптимизации. И захотелось сравнить редакторы.