Thrive Architect vs Elementor Pro: какой плагин для конструктора страниц лучше?

Полное раскрытие: у меня гораздо больше опыта использования Thrive Architect (с 2015 года), чем Elementor Pro (с 2018 года), и уже какое-то время это мой любимый визуальный редактор.

Вот моя панель администратора для обоих плагинов:

В интересах справедливого обзора я подвергаю оба плагина одинаковому набору критериев тестирования .

Критерии судейства

Основные области, которые я буду сравнивать и рассматривать:

Перво-наперво: Thrive Architect и Elementor Pro и очень похожие

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

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

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

Какой плагин имеет лучший опыт редактирования внешнего интерфейса?

Оба плагина имеют очень похожую боковую панель редактирования внешнего интерфейса.

Но там, где Elementor имеет один макет боковой панели как для добавления новых виджетов, так и для настройки выбранных, Thrive Architect имеет две боковые панели : одну для новых виджетов и одну для редактирования.

На практике: это выглядит так:

Важно отметить, что правая боковая панель Thrive автоматически скрывается, когда вы редактируете страницу, поэтому она не слишком мешает.

Чтобы дать вам представление о том, сколько кликов требуется для добавления редактирования нового элемента, посмотрите, как я добавляю одну строку текста в обоих редакторах:

Трудно сказать только по GIF-файлам, но добавление текстового поля и изменение размера текста заняло 8 секунд в Thrive Architect (ниже), но почти 12 секунд в Elementor (выше). Задержка произошла из-за того, что мне пришлось щелкать параметры редактирования, тогда как Thrive автоматически открывает редактор слева при выборе элемента.

Заметили, как правая боковая панель в Thrive автоматически скрывается, когда она не используется? Лично я считаю, что разумное использование двух боковых панелей делает Thrive Architect намного более эффективным, а редактирование контента заметно быстрее .

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

Тем не менее, я собираюсь объявить Thrive победителем этого раунда, потому что проще и быстрее добавлять элементы и настраивать их из внешнего интерфейса.

Шаблон и элементы

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

Так как же Thrive Architect и Elementor Pro сравниваются, когда речь идет об их выборе виджетов и предварительно разработанных шаблонах?

Лучшие шаблоны целевых страниц: Thrive vs Elementor

Согласно страницам продаж, Thrive Architect имеет 276 шаблонов контента , а Elementor Pro — более 300 шаблонов . Там не большая разница.

Но сам по себе объем не говорит о качестве. Давайте посмотрим на ассортимент шаблонов и на то, как они выглядят на самом деле.

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

Как использовать шаблоны контента Elementor Pro

Вы можете получить доступ к библиотеке контента Elementor с боковой панели панели инструментов WordPress, войдя в меню шаблонов.

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

Эти шаблоны также могут стать основой вашей темы WordPress (подробнее о функции конструктора тем Elementor см. ниже).

В библиотеке шаблонов Elementor Pro я насчитал 141 шаблон страницы , но там также много шаблонов, которые они называют «блоками». Это не полные шаблоны страниц, но вы можете собрать их вместе и сохранить свой собственный шаблон .

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

Вы также можете щелкнуть значок папки в редакторе, чтобы получить доступ к библиотеке шаблонов.

Как использовать шаблоны контента Thrive Architect

Гораздо проще получить доступ к полным шаблонам целевых страниц Thrive из основного интерфейса редактирования. Но есть ограничение. Вы можете использовать шаблоны только на страницах WordPress, но не в сообщениях . Кроме того, вы не можете использовать шаблоны как часть дизайна темы WordPress.

Чтобы получить доступ к шаблону целевой страницы, добавьте новую страницу и запустите Thrive Architect.

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

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

Каждый шаблон сгруппирован по стилю, и щелчок по стилю страницы покажет вам доступные шаблоны.

Вы также можете фильтровать по типу страницы (например, домашняя страница), если вы знаете тип страницы, которую вы разрабатываете. Это экономит много времени.

Я посчитал, и на момент написания этой статьи в Thrive Architect существует 439 шаблонов целевых страниц . Как и Elementor Pro, Thrive Architect позволяет сохранять собственные шаблоны .

С точки зрения дизайна, и Thrive Architect, и Elementor Pro имеют множество привлекательных шаблонов целевых страниц, но я думаю, что Elementor Pro имеет преимущество благодаря шаблонам, доступным для всех типов сообщений и страниц, а также дополнительной возможности использования шаблонов для создания части. ваша тема WordPress.

Лучшие элементы: Thrive vs Elementor

Переходя к элементам, многие функции этих двух плагинов совпадают.

Вот объединенный скриншот каждого отдельного элемента Elementor Pro:

Я насчитал 76 уникальных элементов в Elementor Pro .

Для сравнения, вот все элементы Thrive Architect:

Я насчитал 42 уникальных элемента в Thrive Architect .

Оба плагина имеют хороший набор элементов, но в Thrive, в частности, есть следующее, чего не хватает Elementor:

• Столы
  
• Контактные формы
  

Если вы планируете добавлять таблицы и/или контактные формы на свой сайт WordPress и не хотите использовать дополнительные плагины, Thrive Architect — лучший визуальный редактор.

Блоки контента Thrive Architect и библиотека блоков Elementor Pro

Thrive Architect поставляется с относительно новой функцией Content Blocks , которая находится на полпути между элементами и шаблонами.

Короче говоря, блоки контента — это предварительно разработанные мини-шаблоны для различных разделов, которые могут понадобиться на вашей странице, таких как призывы к действию, плюсы и минусы, цитаты и поля подписки (подробнее о них можно прочитать здесь). На момент написания этой статьи я насчитал 61 блок контента в Thrive Architect.

Elementor Pro также имеет ряд блоков в своей библиотеке. Блоков Elementor гораздо больше, чем предлагает Thrive, но многие дизайны очень похожи друг на друга. Однако для новичков, которые не хотят слишком много настраивать самостоятельно, Elementor упрощает разработку того, что вам нужно.

Я также предпочитаю эстетику дизайна элементов Elementor, которые кажутся мне немного более современными и профессиональными.

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

Как Thrive и Elementor влияют на скорость страницы WordPress?

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

Чтобы проверить производительность Thrive Architect и Elementor Pro, я создал похожие целевые страницы, используя оба плагина. Обе страницы находятся на этом сайте, поэтому я могу гарантировать, что условия хостинга идентичны (я использую хостинг CloudWays и тему GeneratePress Premium).

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

Страница портфолио Thrive Architect загружается за респектабельные 1,837 секунды с 56 запросами и 1484 байтами (около 1,5 МБ).

Теперь тестовая страница Elementor:

Страница портфолио Elementor Pro загружается за 3,915 секунды с 56 запросами и 2989 байтами (почти 3 МБ).

На первый взгляд Elementor Pro выглядит очень медленным, но я считаю, что это в основном связано с тем, что на странице шаблона есть файлы изображений гораздо большего размера.

Чтобы сделать тест более честным, я удалил несколько изображений с тестовой страницы Elementor и снова отсканировал ее:

Теперь страница Elementor загружается за 2,441 секунды с 50 запросами и 1535 байтами (около 1,5 МБ).

Поскольку страницы Thrive Architect и Elementor весят около 1,5 МБ, я могу исключить размер страницы как проблему.

Так почему же Elementor Pro замедляет работу моей страницы WordPress? Я подумал, что это может быть из-за того, что я пропустил завершающую косую черту URL-адреса, когда вставлял его в WebPageTest (вызывая дополнительное перенаправление), поэтому я запустил его снова, но все равно получил время загрузки около 2,5 секунд.

Чтобы попытаться сузить проблему, я сделал 3 тестовые страницы с одной строкой текста: 1 в стандартном редакторе WordPress, 1 в Thrive Architect и 1 в Elementor Pro.

Вот результаты: