Пытаетесь выбрать между Divi vs Astra для вашей темы WordPress?
Divi и Astra – две самые популярные многоцелевые темы WordPress. И они действительно многоцелевые – вы можете использовать как для создания чего угодно, от ведения блогов до бизнес-сайтов, интернет-магазинов, онлайн-курсов и так далее.
Но несмотря на то, что они разделяют это сходство, они действительно близки к созданию сайта WordPress немного другими способами, поэтому вам захочется по-настоящему подумать о том, какая тема подходит для ваших нужд.
Чтобы помочь вам принять решение, мы написали подробное сравнение Divi и Astra.
В этом посте мы стремимся сравнить самые важные функции, которые должны изменить ваше решение.
Для этого мы сделаем следующее:
- Выделите разницу в фокусе между Divi и Astra.
- Он показывает вам пользовательский опыт каждой темы, с кратким обзором того, как это создать сайт с каждой.
- Пройдите наши собственные тесты производительности, чтобы сравнить производительность Astra с Divi.
- Обсудите разницу в ценах (есть много перестановок!).
- Дайте нашу общую рекомендацию о том, кто должен выбрать Divi, а кто должен выбрать Astra.
Есть много чего, так что давайте копать глубже.
Диви против Астры Введение: два разных подхода
На высоком уровне Divi и Astra созданы для того, чтобы предоставить вам полную гибкость проектирования благодаря сочетанию:
- Подробные настройки стиля и макета в WordPress Customizer.
- Визуальные компоновщики страниц с перетаскиванием (или редактор блоков WordPress) для создания собственного контента.
Тем не менее, они делают вещи по-разному.
Дива
Divi дает вам все в одной упаковке. Установив только тему Divi, вы получаете доступ к:
- Визуальный конструктор страниц Divi с функцией перетаскивания.
- Визуальное создание тем перетаскивания, также через Divi Builder.
- Множество опций в настройщике WordPress в реальном времени.
- Подробная область настроек темы в бэкэнде WordPress.
С последней версией Divi вы можете перейти к созданию полных тем, позволяющих создавать 100% дизайна вашего сайта, включая шаблоны верхнего и нижнего колонтитула, а также пост / страницу, используя визуальный интерфейс с перетаскиванием мышью. Диви Строитель.
По сути, Divi – это пакет, который дает вам все необходимое для дизайна вашего сайта.
Конечно, это также означает, что вы получаете все, несмотря ни на что. Например, даже если вы предпочитаете использовать редактор блоков WordPress, вы все равно получаете Divi Builder. Это важное различие при сравнении Divi с Astra.
Divi Ключевые особенности:
- Многоцелевой.
- Встроенный перетаскиватель визуальных страниц для постов и страниц.
- Интегрированное визуальное создание тем перетаскивания для верхних и нижних колонтитулов и шаблонов.
- Настройки темы в WordPress Customizer (или вы можете использовать Divi для сборки всего).
- Более 164 импортируемых пакетов дизайна (в основном, предварительно созданные демонстрационные сайты).
- Совместимость с WooCommerce.
- A / B-тестирование включено через Divi Builder.
- Это входит в тему и версию дополнения.
Astra
Астра, с другой стороны, это просто тема WordPress. Другими словами, разработчик Astra не имеет собственного генератора визуальных перетаскиваний страниц.
Вместо этого, Astra разработан, чтобы хорошо играть с любым плагином для конструктора страниц. Три наиболее тесные интеграции предназначены для Elementor, Beaver Builder и Brizy, поскольку Astra поставляется с импортируемыми демонстрационными сайтами, созданными с помощью этих конструкторов страниц.
Тем не менее, вы можете использовать буквально любой плагин для создания страниц, вы даже можете использовать версию плагина Divi, если хотите!
Или вы можете использовать его с обычным редактором блоков WordPress – вам, конечно, не нужно устанавливать генератор страниц. Astra даже включает в себя основные демонстрационные сайты, которые создаются только с помощью редактора блоков Gutenberg.
На первый взгляд может показаться, что Divi предлагает вам больше возможностей … и это правда.
Однако, если вы хотите добавить те же функции в Astra, все, что вам нужно сделать, это установить один из компоновщиков страниц, который Astra так хорошо сочетает.
Предоставляя вам возможность выбрать собственный редактор, Astra на самом деле немного более гибок, чем Divi, где единственный вариант – использовать Divi Builder.
Ключевые особенности Astra:
- Многоцелевой.
- Бесплатная версия на WordPress.org.
- Легкий вес менее 50 КБ, без зависимостей jQuery.
- Более 280 импортируемых демонстрационных сайтов, созданных с помощью Редактора блоков, Elementor, Beaver Builder или Brizy (некоторые демонстрационные сайты дублируются в разных редакторах, поэтому количество уникальных демонстраций составляет менее 280).
- Подробные настройки стиля и макета в настройке WordPress в реальном времени.
- Элементы управления на уровне страниц, чтобы помочь вам интегрироваться с плагинами компоновщика страниц.
- Совместимость с WooCommerce и специальные настройки.
- Специальные интеграции для LifterLMS и LearnDash для создания онлайн-курсов.
Диви против Астры: пользовательский опыт
Вместо того, чтобы пытаться сравнивать каждую существенную функцию в резюме, я думаю, что было бы более полезно разобраться, каково это создать сайт WordPress с Divi и Astra.
Я буду держать этот раздел на высоком уровне, но он должен иллюстрировать различия в подходе.
Дива
Существует три основных способа работы с темой Divi:
- Divi Builder – Это визуальный генератор перетаскивания. Вы можете использовать его для оформления вашего контента, а также вашего верхнего, нижнего колонтитула и других шаблонов. Вы будете проводить большую часть своего времени в Divi Builder. Вы можете попробовать демо здесь, чтобы получить представление.,
- Настройка темы – Вы будете использовать Theme Customizer для управления темой Divi. С появлением Divi Theme Builder вы, возможно, не будете использовать это так часто, но вместо этого решите создавать свои шаблоны с помощью генератора.
- Опции темы Divi – Это еще одна область, где вы можете управлять параметрами темы Divi, которых нет в настройщике. Вы не будете тратить так много времени здесь.
Начиная с Divi 4.0, есть два способа управления основным макетом вашей темы.
Во-первых, вы можете использовать WordPress Customizer, который является «обычным» способом управления темой Divi (и как он контролирует большинство тем WordPress, включая Astra).
На боковой панели вы получите множество опций для управления:
- Заголовок и навигация
- нижний колонтитул
- Макет блога
- Кнопки
- Цветовые схемы
- Мобильные стили
- И т.п.
Для некоторых других опций вы можете использовать область опций фоновой темы Divi:
Однако, начиная с Divi 4.0, Divi также включает создание полной темы.
С созданием темы вы можете создавать шаблоны тем, используя визуальный перетаскиватель Divi Builder.
Если вы идете в Divi → Генератор темВы сможете добавить свои собственные шаблоны, чтобы «переопределить» многие настройки WordPress Customizer. Другими словами, вы можете создать свой собственный шаблон заголовка, который заменит заголовок, настроенный в настройщике тем:
Когда вы создаете свой заголовок, вы можете использовать выделенные модули для вставки важных элементов. Например, его Меню Модуль позволяет вставить меню навигации, которое вы настроили, посетив Внешний вид → Меню,
Для сообщений и страниц вы также можете использовать Divi Builder.
Здесь вы получите доступ к сотням пакетов дизайна, которые, по сути, представляют собой наборы тематических шаблонов, которые помогут вам создать полноценный сайт. По сути, это версия импортируемых демонстрационных сайтов Divi.
Например, пакет дизайна для сайта тренажерного зала будет включать шаблоны для:
- домашняя страница
- О странице
- Список классов
- Места
- И т.п.
И вот, у вас это есть: быстрая версия того, как создать сайт WordPress с Divi.
Astra
Пользовательский интерфейс Astra немного более упорядочен, так как не содержит собственного конструктора страниц.
После установки темы вы можете установить дополнение WordPress.org Starter Templates для доступа ко всем демонстрационным сайтам Astra.
Сначала вы выберете предпочитаемый вами редактор контента. Весь контент на демонстрационном сайте будет создан с помощью этого редактора. У вас есть четыре варианта:
- Родной редактор блоков WordPress (Гутенберг)
- Конструктор страниц Elementor
- Beaver Builder Создание страниц
- Конструктор страниц Brizy
Например, вот все демонстрационные сайты для редактора блоков WordPress:
При импорте демонстрационного сайта вы можете импортировать весь сайт и все настройки Customizer. Или вы можете импортировать только определенные части демонстрационного сайта.
Чтобы настроить тему Astra, вы будете использовать WordPress Customizer в режиме реального времени:
Astra предлагает вам варианты здесь, особенно если вы покупаете Astra Pro.
Наконец, если вы импортировали демонстрационный контент, вы можете настроить его с помощью выбранного вами редактора.
Например, если вы выбираете шаблоны Gutenberg, вы можете редактировать все, используя собственный редактор блоков WordPress.
Опять же, если вы хотите добавить визуальное создание страниц методом перетаскивания и / или создание тем в Astra, вам также следует связать его с отдельным плагином WordPress для создания страниц.
Диви против Астры: производительность
В качестве основы вашего сайта WordPress ваша тема всегда будет влиять на скорость загрузки сайта.
Для этого давайте углубимся в сравнение Astra и производительности Divi.
Во-первых, я протестирую каждую тему в новой установке WordPress с помощью «Hello world!» Послать.
Я думаю, что это самый справедливый способ сравнить готовую к использованию оптимизацию / производительность каждой темы.
Тем не менее, это не очень реалистичный тест в реальном мире, потому что это в основном пустой сайт. В реальном мире ваш сайт будет гораздо более загруженным.
Чтобы попытаться приблизиться к этому, я сделаю второй тест с важным демонстрационным сайтом для каждой темы. Этот тест не будет таким честным, потому что демонстрационные сайты не идентичны. Однако я постараюсь выбрать стартовые сайты, которые более или менее одинаковы.
Для справки, вот как я тестирую:
- Использование WebPageTest.
- Выполнение шести отдельных тестов и получение среднего значения.
- Использование соединения со скоростью 20/5 Мбит / с, что примерно соответствует средней скорости по США в целом.
Давайте копаться в данных.
Тест №. ° 1: Пустая тема и «Привет, мир!»
| Размер страницы | HTTP-запросы | Средняя загрузка страницы | |
| Дива | 395 КБ | двадцать | 0,848 с |
| Astra | 42 КБ | 8 | 0,427 с |
Как показывают данные, Astra немного легче, когда дело доходит до размера страницы и HTTP-запросов (а также времени загрузки).
В целом Astra явно выигрывает тест n. ° 1: нет конкуренции.
Тест №. # 2: импортированные стартовые сайты
Сейчас самое время для наиболее реалистичного сценария.
Я импортировал шаблон целевой страницы агентства для каждой темы, чтобы проверить, как можно загрузить весь веб-сайт.
Чтобы попытаться сделать это как можно более справедливым, я использовал Elementor для домашнего сайта Astra. Таким образом, вы будете иметь «равную» гибкость дизайна (и одинаковый вес компоновщика страниц) для обоих сайтов.
Однако, если вы хотите, чтобы Astra была немного легче, вы можете выбрать один из сайтов запуска редактора блоков.
| Размер страницы | HTTP-запросы | Средняя загрузка страницы | |
| Дива | 1,452 МБ | 27 | 1,472 с |
| Астра с Элементором | 1,520 МБ | 60 60 | 1,507 с |
Обратите внимание, что Divi имеет встроенную оптимизацию сценариев, что является одной из причин, почему его HTTP-запросы намного ниже. Вы можете добиться чего-то похожего с Astra, если используете бесплатный плагин Autoptimize.
Как вы можете видеть, Divi и Astra практически одинаковы, когда вы добавляете в стартовый сайт Elementor. Поэтому, в зависимости от того, как вы используете Astra, вы можете не заметить такого улучшения производительности, как указано в первом тесте, по крайней мере на его главных страницах.
Однако, если вам нужно было импортировать начальный сайт Astra, созданный с помощью редактора блоков вместо Elementor, вы можете увидеть, как Astra снова продвигается:
| Размер страницы | HTTP-запросы | Средняя загрузка страницы | |
| Дива | 1,452 МБ | 27 | 1,472 с |
| Astra | 1,092 МБ | 33 | 1 004 с |
Результаты работы
В целом, я считаю справедливым сказать, что Astra лучше Divi, когда дело доходит до немедленного выступления.
Тем не менее, разница не обязательно будет такой большой, в зависимости от того, как вы используете Astra.
Если вы планируете соединить Astra с компоновщиком страниц, что вам и нужно сделать для соответствия гибкости дизайна Divi, то вы можете обнаружить, что ваш сайт работает на аналогичном уровне, по крайней мере на тех страницах, где вы используете компоновщик страниц. ,
Это не потому, что Astra внезапно стала менее оптимизированной по производительности – это просто дополнительный вес любого плагина для создания страниц, который вы выберете. В некоторой степени, Divi имеет этот встроенный вес, поэтому он увидел большую разницу в первом тесте.
Однако, если вы согласны с одним из сайтов запуска редактора блоков Astra, Astra станет явным победителем, когда дело доходит до производительности.
Кроме того, даже если вы используете конструктор страниц для разработки главных страниц своего сайта Astra, вы все равно выиграете от более легкой основы Astra, когда речь идет о контенте, где вы используете собственный редактор WordPress, например, сообщения в блоге.
В целом, когда дело доходит до выступления, Astra – определенно победитель.
Просто помните, что если вы используете конструктор страниц для большей части контента на своем сайте Astra, вы будете отрицать часть этого преимущества.
Цены
Прежде всего, есть ключевая разница в цене между Astra и Divi. Astra имеет бесплатную версию на WordPress.org, а Divi поставляется только в премиум-версии.
Если вы хотите расширить бесплатную основную тему с помощью дополнительных функций и параметров настройки, вы можете купить Astra Pro (технически это плагин).
Когда дело доходит до цены на премиум-вариант Astra, Astra еще более доступна, если вы просто ищете тему. В этом есть некоторые причуды, но, пожалуйста, подождите немного.
И Divi, и Astra позволяют использовать неограниченное количество веб-сайтов. Оба также дают вам возможность выбора между годовой лицензией и пожизненной лицензией.
Вот как цена поколеблена:
| Один год | Продолжительность жизни | |
| Дива | 89 долларов | 249 долл. США |
| Astra | 59 долларов | 249 долл. США |
Таким образом, пожизненные лицензии идентичны, а годовая лицензия Astra немного дешевле.
Тем не менее, цена Divi фактически относится к членству в элегантных темах, что также дает вам доступ ко всем другим плагинам / темам для элегантных тем, таким как Bloom (параметры электронной почты), Monarch (социальный обмен) и Extra (тема). журнала).
Если вы думаете, что будете использовать эти инструменты, это может изменить положение вещей в пользу Divi.
Но…
Brainstorm Force, разработчик Astra, также предлагает свое собственное членство / пакет.
С этими пакетами вы получите доступ к более чем 55 дополнительным стартап-сайтам Astra, а также некоторым / всем другим плагинам Brainstorm Force (в зависимости от выбранного вами пакета).
Лично я считаю, что линейка плагинов Brainstorm Force сильнее, чем линейка Elegant Themes. Например:
Тем не менее, пакеты Brainstorm Force значительно дороже членства в Elegant Themes, так что вам придется решить, стоят ли эти привилегии своей цены.
Вот цены на годовую лицензию:
| Elegant Themes Членство | 89 долларов |
| Мини-агентство Brainstorm Force Mini | 276 долл. США |
| Полное агентство Brainstorm Force | 523 $ |
Как насчет генератора страниц с Astra?
Есть еще одна проблема – сравнить цены Divi vs Astra!
А как насчет плагина построителя страниц?
Цена Divi включает в себя полную версию Divi Builder, а цена Astra включает только тему.
Так что вам нужно купить плагин для построения страниц поверх Astra?
Прежде всего, все стартовые сайты конструктора страниц Astra создаются с использованием бесплатных версий компоновщика страниц.
Это означает, что вам не обязательно нужна цитата для компоновщика страниц, если вы используете Astra.
Тем не менее, если вы хотите полнофункционального паритета с тем, что вы можете делать с Divi Builder, вам может потребоваться открыть свой кошелек. Например, Divi Theme Builder позволяет использовать визуальный интерфейс перетаскивания для разработки шаблонов верхнего и нижнего колонтитула и публикации.
Чтобы добиться того же с Astra, вы также должны купить что-то вроде Elementor Pro, который начинается с 49 долларов. Это замедлит ход дела в пользу Divi, когда дело доходит до ценообразования.
Но в целом, я бы сказал, что пользователям Astra не нужно будет покупать премиум плагин для конструктора страниц, поэтому Astra все равно будет дешевле.
Последние мысли о Диви против Астры
В общем, трудно выбрать явного победителя, потому что у Divi и Astra разные философии.
Divi – это больше всего в одном варианте. Вы получаете свою тему и построитель сгруппированных страниц прямо из коробки, и вы можете создавать все, используя визуальный конструктор Divi с возможностью перетаскивания, включая шаблоны тем.
Астра немного более универсальна. Это легкий и настраиваемый только с темой. А если вам нужно визуальное редактирование с помощью перетаскивания, например Divi, Astra спроектирована для сопряжения с вашим любимым плагином для конструктора страниц, таким как Elementor, Brizy или Beaver Builder.
Дело Диви
Сравнивая Divi с Astra отдельно (без генератора парных страниц), Divi, очевидно, гораздо более гибок. Тем не менее, важно помнить, что большинство людей объединяют Astra с плагином для конструктора страниц, который предлагает больше паритета 1: 1.
Из коробки Astra намного легче и имеет оптимизированную производительность, чем Divi. Однако, если вы соединяете Astra с компоновщиком страниц, разница в производительности не столь значительна из-за дополнительного веса компоновщика страниц… по крайней мере, на тех страницах, где вы используете компоновщик страниц.
В целом, благодаря подходу «все в одном», я думаю, что Divi может быть немного лучше, если вы только начинаете работать с WordPress. Например, если вы создаете свой первый сайт на WordPress, подход Divi «все в одном» немного упрощает настройку и понимание того, как все соединяется.
Тем не менее, предварительно созданные шаблоны запуска Astra также позволяют быстро приступить к работе. Единственное, что немного усложняет процесс, это то, что вам также нужно больше изучать / доверять сторонним плагинам, чем если бы вы использовали Divi.
Дело Астры
В общем, опытные пользователи WordPress могут предпочесть Astra за его более открытый подход. С Astra вы по-прежнему получаете подробные параметры настройки, но вы не привязаны к одному построителю страниц, как с Divi. Вы можете выбрать Elementor, Beaver Builder, Brizy и другие, в зависимости от ваших предпочтений.
Кроме того, поскольку Astra легче, проще создать сайт с быстрой загрузкой.
Даже если вы используете конструктор страниц для разработки главных страниц вашего веб-сайта Astra, ваши посты в блоге и другой контент собственного издателя будут загружаться быстрее с Astra из-за более легкой базы Astra.
Кроме того, основная тема Astra бесплатна, что является большим плюсом для Astra. Только с бесплатной темой и предварительно созданными стартовыми сайтами вы готовы создать привлекательный сайт. Divi не предлагает бесплатную версию, поэтому люди с ограниченным бюджетом, вероятно, хотят придерживаться Astra.
Лично я, как человек, который целый день работает с WordPress, предпочитаю подход Astra. Мне нравится, когда я могу выбрать свой собственный конструктор страниц … или не использовать компоновщик страниц, в зависимости от сайта.
Я также ценю оптимизацию производительности Astra, так как скорость страниц важна для меня на всех сайтах, которые я создаю.
Все еще есть вопрос о том, как выбрать между Диви против Астры? Есть ли у вас собственные мысли, чтобы добавить к смеси? Дайте нам знать об этом в комментариях!
