Thrive Architect と Elementor Pro: どちらが優れたページ ビルダー プラグインですか?

完全な開示: 私は Elementor Pro (2018 年以降) よりも Thrive Architect (2015 年以降) を使用した経験がはるかに多く、しばらくの間、私のお気に入りのビジュアル エディターでした。

両方のプラグインの管理ダッシュボードは次のとおりです。

公正なレビューのために、両方のプラグインに同等のテスト基準を適用しています。

審査基準

私が比較およびレビューする主な領域は次のとおりです。

まず最初に: Thrive Architect と Elementor Pro と非常によく似たもの

ここでリンゴとオレンジを比較しているわけではありません。 さまざまな種類のリンゴのようです。

最高のWordPressページビルダープラグインの概要で書いたように、ElementorとThrive Architectは、機能と使いやすさの点で非常に似ています. 利用可能な他のプラグイン (無料およびプレミアム) と比較して、どちらもクラス最高です.

とはいえ、販売ページを閲覧しているだけでは気付かないかもしれない、2 つのプラグインの間にはいくつかの重要な違いがあります。

フロントエンドの編集エクスペリエンスが最も優れているのはどのプラグインですか?

両方のプラグインには、非常によく似たフロントエンド編集サイドバーがあります。

ただし、 Elementor には、新しいウィジェットの追加と選択したウィジェットの構成の両方のための単一のサイドバー レイアウトがありますが、 Thrive Architect には 2 つのサイドバーがあります。1 つは新しいウィジェット用で、もう 1 つは編集用です。

実際には、次のようになります。

Thrive の右側のサイドバーは、ページを編集しているときに自動的に非表示になるため、あまり邪魔にはならないことに注意してください。

新しい要素の編集を追加するのに何回のクリックが必要かを理解するために、両方のエディターで 1 行のテキストを追加する方法を見てください。

GIF だけで判断するのは難しいですが、テキスト ボックスの追加とテキストのサイズ変更は、Thrive Architect (下) では 8 秒かかりましたが、Elementor (上) ではほぼ 12 秒かかりました. 編集オプションをクリックする必要があったため、遅延が発生しましたが、要素が選択されると、Thrive は左側のエディターを自動的に開きます。

Thrive の右側のサイドバーが、使用していないときに自動的に非表示になることに注目してください。 個人的には、2 つのサイドバーを巧みに使用することで、Thrive Architect がはるかに効率的になり、コンテンツの編集が著しく速くなると思います。

反対に、私は Elementor のミニマリストなデザインとよりモダンな編集ペインを好みます。 マウスの右クリックでいくつかのタスク (要素の削除など) を実行できる便利な機能もあります。

とはいえ、フロントエンドから要素を追加して構成する方が簡単かつ迅速であるため、Thrive がこのラウンドの勝者であると宣言します。

テンプレートと要素

優れたページビルダープラグインには、ドラッグアンドドロップしてカスタマイズできるように、さまざまな事前に設計されたテンプレートと要素が必要です. 時間を節約し、デザインの専門知識をすばやく追跡できることは、ビジュアル エディターの主なセールス ポイントの 1 つです。

では、Thrive Architect と Elementor Pro は、ウィジェットの選択と事前に設計されたテンプレートに関してどのように比較されますか?

最高のランディング ページ テンプレート: Thrive vs Elementor

販売ページによると、 Thrive Architect には 276 のコンテンツ テンプレートがあり、 Elementor Pro には 300 以上のテンプレートがあります。 そこに大きな違いはありません。

しかし、ボリュームだけでは品質はわかりません。 テンプレートの範囲と実際の外観を見てみましょう。

コンテンツ テンプレートの使用体験は、両方のプラグインで大きく異なります。 以下の両方について説明します。

Elementor Pro のコンテンツ テンプレートの使用方法

テンプレート メニューに入ると、WordPress ダッシュボードのサイドバーから Elementor のコンテンツ ライブラリにアクセスできます。

テンプレート ダッシュボードから、目的に応じて新しいテンプレートを追加できます (投稿、ページ、アーカイブなど)。

これらのテンプレートは、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 は、すべての投稿とページの種類でテンプレートが利用可能であり、テンプレートを使用して一部を作成する追加オプションがあるため、優れていると思います。あなたのワードプレスのテーマ。

最高の要素: Thrive vs Elementor

要素に移ると、2 つのプラグイン間で多くの機能が重複しています。

以下は、すべての Elementor Pro 要素を組み合わせたスクリーンショットです。

Elementor Pro には 76 個のユニークな要素があります。

比較のために、Thrive Architect のすべての要素を以下に示します。

Thrive Architect には 42 のユニークな要素があります。

どちらのプラグインにもさまざまな要素がありますが、Thrive には Elementor にはない次の特徴があります。

• テーブル
  
• お問い合わせフォーム
  

WordPress サイトにテーブルや連絡先フォームを追加する予定で、追加のプラグインを使用したくない場合は、Thrive Architect の方が優れたビジュアル エディターです。

Thrive Architect コンテンツ ブロック vs Elementor Pro ブロック ライブラリ

Thrive Architect には、要素とテンプレートの中間にあるコンテンツ ブロックと呼ばれる比較的新しい機能が付属しています。

つまり、コンテンツ ブロックは、行動を促すフレーズ、長所と短所、見積もり、購読ボックスなど、ページに必要なさまざまなセクション用に事前に設計されたミニ テンプレートです (詳細については、こちらを参照してください)。 これを書いている時点で、私は Thrive Architect で 61 のコンテンツ ブロックを数えました。

Elementor Pro のライブラリには、さまざまなブロックもあります。 Thriveが提供するよりもはるかに多くのElementorブロックがありますが、多くのデザインは互いに非常に似ています. ただし、自分であまりカスタマイズしたくない初心者にとっては、Elementor を使用すると、必要なものを簡単に設計できます。

また、Elementor の要素のデザイン美学も好みます。これは、私の目にはもう少しモダンでプロフェッショナルに見えます。

Elementorは美学と範囲で勝っているため、このカテゴリで勝者と呼ぶのは難しいですが、フォームやテーブルなどの機能要素の欠如は本当に失望しています.

Thrive と Elementor は WordPress のページ速度にどのように影響しますか?

ウェブサイトの速度は、私たちのほとんど、特に安価な WordPress ホスティングを使用しているすべての人にとって大きな問題です。

Thrive Architect と Elementor Pro の両方のパフォーマンスをテストするために、両方のプラグインを使用して同様のランディング ページを作成しました。 両方のページがこの Web サイトにあるため、ホスティング条件が同じであることを保証できます (CloudWays ホスティングと GeneratePress プレミアム テーマを使用しています)。

どちらのランディング ページも、付属のストック画像を含むデフォルトのポートフォリオ テンプレートを使用しています。 WebPageTest を使用して、速度とページ読み込みのパフォーマンスを測定しています。

Thrive Architect のポートフォリオ ページは、56 件のリクエストと 1,484 バイト (約 1.5MB) で、かなりの1.837 秒で読み込まれました。

Elementor テストページ:

Elementor Pro ポートフォリオ ページは3.915 秒で読み込まれ、56 件のリクエストと 2,989 バイト (ほぼ 3MB) が読み込まれました。

表面上、Elementor Pro は非常に遅いように見えますが、これは主にテンプレート ページに非常に大きな画像ファイルが含まれているためだと思います。

テストをもう少し公平にするために、Elementor テスト ページからいくつかの画像を削除し、再度スキャンしました。

Elementor ページは2.441 秒でロードされ、50 のリクエストと 1,535 バイト (約 1.5MB) がロードされました。

Thrive Architect と Elementor の両方のページが約 1.5 MB あるので、問題としてページ サイズを除外できます。

では、Elementor Pro が WordPress ページの速度を低下させているのはなぜですか? URL を WebPageTest に貼り付けたときに URL の末尾のスラッシュを見逃したことが原因である可能性があると考えたため (追加のリダイレクトが発生)、もう一度実行しましたが、それでも約 2.5 秒の読み込み時間がかかりました。

問題を絞り込むために、テキストが 1 行だけの 3 つのテスト ページを作成しました。1 つは標準の WordPress エディター、1 つは Thrive Architect で、1 つは Elementor Pro です。

結果は次のとおりです。