はじめに：なぜこの比較を行うのか？
WordPressサイト構築の世界では、「軽量Theme」と「ページビルダー」に関する議論が絶えません。一方はページビルダーが肥大化しすぎてサイトを遅くすると主張し、もう一方は軽量Themeは機能が少なすぎて柔軟性に欠けると言います。
議論を重ねるよりも、一度実際にテストしてみましょう。
Linghang Themeの開発者として、私は自社Themeの速度テスト結果だけを提示することもできました。しかし、私は皆さんに真実的で、完全で、検証可能な比較データを提示し、どのソリューションがあなたのニーズに適しているかをご自身で判断していただきたいと考えています。
テスト環境：理想的な環境ではなく、実サーバー
多くのパフォーマンステストは「クリーン」なテストサーバーで行われますが、それは実際のシナリオではありません。中小企業のサーバーはリソースが限られており、他のウェブサイトやアプリケーションも実行していることが多いです。
今回のテストのサーバー構成：
- プロセッサ：2コア Intel E5-2699 v4（2016年の古いCPUです）
- メモリ：2GB
- サーバー管理：宝塔パネル
- 同一サーバー上の他のアプリケーション：稼働中のWooCommerceサイト1つ
- テストサイトの場所：同一ドメイン下の2つのサブディレクトリ
💡なぜこのような環境を選んだのか？
これは、予算が限られ、サーバーリソースを共有し、複数のウェブサイトが共存する、大多数の中小企業の実際の状況に近いからです。このような環境でのテスト結果は、より参考価値があります。
ヒント：
1、パフォーマンスの優れたサーバーを使用すると、テストスコアが向上します；
2、CDNグローバルコンテンツ配信サービスを使用すると、テストスコアが向上します（今回のテストではCDNを有効にしています）；
3、上級者がさらにターゲットを絞った最適化を行うと、スコアは向上します。今回のテストでは、初心者でもできる最適化操作のみを行いました。
比較シナリオ：公平性の確保
比較を可能な限り公平にするために、以下の設定を行いました：
シナリオA：Navigator Theme
- Theme：Navigator Theme（ネイティブGutenbergエディター）
- ページ構築方法：Themeに内蔵された15の企業モジュールを使用
- 追加Plugin：なし（モジュール機能は内蔵済み）
シナリオB：Astra + Elementor
- Theme：Astra（軽量Theme、Elementor公式推奨組み合わせ）
- ページビルダー：Elementor Freeバージョン
- ページ構築方法：Elementorドラッグ＆ドロップエディターを使用
両シナリオで共通してインストールしたPlugin：
- WP Super Cache（ページキャッシュPlugin）
- Rank Math SEO（SEO最適化Plugin）
テストページ：
2つのサブディレクトリにそれぞれ作成したレイアウトが完全に同一のホームページ、含まれる要素：
- ホームページスライダー/Heroセクション
- 会社紹介テキスト段落
- 3列サービス表示
- よくある質問
- CTA（行動喚起）
- 最新Post
テストツールと方法
パフォーマンスを総合的に評価するために、業界で広く認められている2つのテストツールを使用しました：
1. PageSpeed Insights
- URL：https://pagespeed.web.dev/
- 特徴：Google公式ツール、Core Web Vitals（コアウェブバイタル）を評価
- テスト指標：モバイルとデスクトップのパフォーマンス、アクセシビリティ、ベストプラクティス、SEO
2. GTmetrix
- URL：https://gtmetrix.com/
- 特徴：詳細な読み込みウォーターフォール図と最適化提案を提供
- テスト指標：読み込み時間、ページサイズ、リクエスト数、パフォーマンススコア
テスト方法：
- 各ページを3回テストし、平均値を取得
- テスト前にすべてのキャッシュをクリア
- テスト時間はサーバーの負荷が低い時間帯を選択（他の要因の干渉を避けるため）
- テスト場所：アメリカ合衆国ワシントン州シアトル
テスト結果の表示
⚠️結果の説明：
テスト結果はさまざまな要因の影響を受け、毎回異なる場合があります。
PageSpeed Insights スコア比較
リードTheme：
Astra + Elementor：
GTmetrix パフォーマンス比較
リードTheme：
Astra + Elementor：
結果分析：差異の背後にある理由
テスト結果がどうであれ、パフォーマンスの差異は主に以下の側面から生じます：
1. コードアーキテクチャの差異
- 領航 Theme：ネイティブGutenbergブロック、WordPressコアレンダリング、追加のJSフレームワークなし
- Elementor：独立したフロントエンドレンダリングシステムで、Elementor専用のCSSとJSライブラリを読み込む必要があります
2. リソース読み込みの違い
- 領航 Theme：現在のページで使用されているモジュールのスタイルのみを読み込みます
- Elementor：ページビルダーのフロントエンドリソース全体を読み込む必要があります（訪問者モードでも）
3. データベースクエリの違い
- 領航 Theme：コンテンツは標準のWordPress post_contentフィールドに保存されます
- Elementor：コンテンツはpostmetaテーブルのJSON構造に保存され、追加の解析が必要です
4. キャッシュ効率の違い
- 両方ともWP Super Cacheが有効ですが、動的コンテンツのキャッシュフレンドリー度は異なる可能性があります
選び方：スコアだけが基準ではありません
データを見た後、あなたは「どちらを選ぶべきか？」と考えているかもしれません
私のアドバイス：スコアだけを見るのではなく、実際のニーズを見てください。
領航Themeを選ぶ理由：
- ✅ 究極の読み込み速度を追求する場合
- ✅ 過度に複雑なページレイアウトを必要としない場合
- ✅ サイトのコードを簡潔に保ち、メンテナンスしやすくしたい場合
- ✅ サーバーリソースが限られている場合
- ✅ SEOを重視し、検索エンジンがコンテンツをクロールしやすくしたい場合
Astra + Elementorを選ぶ理由：
- ✅ 高度にカスタマイズされたページレイアウトが必要な場合
- ✅ デザインの詳細（余白、色、アニメーションなど）を頻繁に調整する必要がある場合
- ✅ デザイン経験があり、視覚効果を完全にコントロールしたい場合
- ✅ サーバーリソースが十分にあり、追加のパフォーマンスオーバーヘッドに耐えられる場合
- ✅ 柔軟性のために多少の速度を犠牲にしても構わない場合
💡最も重要な判断基準：
„ユーザーが実際にあなたのサイトを開いたとき、遅いと感じるか？“
- 読み込み時間が2秒以内であれば、ほとんどのユーザーは明らかな遅延を感じません
- 読み込み時間が3秒以上になると、ユーザーの離脱率が著しく増加します
- モバイルユーザーは速度により敏感で、モバイルスコアがより重要です
90点で読み込み2秒のサイトは、95点で読み込み1.5秒のサイトと比べて、ユーザーにとって大きな違いはありません。
自分でテストしてみる：私のデータだけを信じないで
あなた自身のウェブサイト（または購入予定のTheme）でテストすることを強くお勧めします：
私たちが構築したテストサイトhttps://test.quhenet.com/以下の手順で直接自分でテストを行うことができます。（テストサイトは長期間保持されませんので、テストする場合はお早めに！）
テスト手順：
1. PageSpeed Insightsを使用する
- アクセス：https://pagespeed.web.dev/
- あなたのウェブサイトのURLを入力
- 約30秒待ち、モバイルとデスクトップのスコアを確認
- 特に注目：LCP（最大コンテンツの描画）とCLS（レイアウトの安定性）
2. GTmetrixを使用する
- アクセス：https://gtmetrix.com/
- あなたのウェブサイトのURLを入力
- テストノードを選択（ターゲットユーザーに最も近いノードを推奨）
- 完全な読み込み時間、ページサイズ、リクエスト数を確認
3. 実際のユーザーテスト（最も重要）
- スマートフォンの4Gネットワークであなたのウェブサイトにアクセス
- リンクをクリックしてから完全なページが表示されるまでの時間を計測
- 5人の友人に聞く：「このウェブサイトの読み込み速度はどう思う？」
比較テストの提案：
私のように比較テストを行いたい場合：
- 同じサーバー上に2つのテストサイトを作成
- それぞれ異なるTheme／ソリューションをインストール
- 内容が完全に同じページを作成
- 同じ必須Pluginをインストール
- 両方でキャッシュを有効化してからテスト
- データを記録して比較
最後に：性能は一部に過ぎない
ウェブサイトの成功において、性能は多くの要素の一つに過ぎません。
さらに考慮すべき点：
- 使いやすさ：コンテンツを簡単に更新できますか？
- メンテナンスコスト：変更を行うたびにどれくらい時間がかかりますか？
- 拡張性：将来、新機能を追加するのは簡単ですか？
- アフターサポート：問題が発生した場合、迅速に解決できますか？
- 総保有コスト：Theme価格 + Plugin費用 + 学習時間 + メンテナンス時間
完璧なソリューションはありません。あなたに最も適したソリューションだけがあります。
あなたが以下のような場合：
- 技術初心者で、予算が限られており、迅速な公開が必要→ 軽量Themeがより適している可能性があります
- デザインにこだわりがあり、学習時間を割く意欲があり、サーバー性能が良い→ ページビルダーの方が柔軟かもしれません
