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