あなたのWordPressテーマは、サイトのフロントエンドパフォーマンスの基盤です。300 KBのCSSとJavaScriptを生成するテーマは、50 KBを生成するテーマよりも常に遅く読み込まれます—キャッシングや最適化をどれだけ適用しても関係ありません。この比較では、6つの人気のあるWordPressテーマを同一条件下でテストし、客観的なパフォーマンスデータを提供します。詳細については、WordPressテーマ開発者ハンドブックを参照してください。
テスト方法論
公正な比較を確保するために、すべてのテストは同一条件下で実施されました:
| パラメータ | 構成 |
|---|---|
| ホスティング | 共有ホスティング(SiteGround GoGeekプラン) |
| PHPバージョン | OPcacheが有効な8.2 |
| WordPressバージョン | 6.7.1 |
| コンテンツ | フィーチャー画像付きの10件の投稿、5ページ、3つのウィジェットを持つサイドバー |
| プラグイン | なし(純粋なテーマパフォーマンスのテスト) |
| キャッシング | なし(キャッシュなしのパフォーマンステスト) |
| 画像 | すべてのテストで同じ画像、最適化されたWebP形式 |
| テストツール | GTmetrix(バンクーバーサーバー)、3回のテスト平均 |
各テーマは、テーマを有効化し標準コンテンツをインポートする以外にカスタマイズを行わず、デフォルトの状態でテストされました。これは、テーマのベースラインパフォーマンス—箱から出したときに得られるものを測定します。テーマの基本についての詳細は、テーマ基本ガイドをチェックしてください。
結果:ホームページパフォーマンス
| テーマ | ページサイズ | HTTPリクエスト | ロード時間 | TTFB | PageSpeedスコア | LCP |
|---|---|---|---|---|---|---|
| GeneratePress | 45 KB | 8 | 0.8s | 120ms | 99 | 0.9s |
| Astra | 68 KB | 11 | 1.1s | 145ms | 96 | 1.2s |
| Flavor(フレーバーテーマ) | 95 KB | 14 | 1.3s | 155ms | 93 | 1.4s |
| OceanWP | 112 KB | 16 | 1.4s | 165ms | 91 | 1.5s |
| Avada | 285 KB | 28 | 2.3s | 210ms | 72 | 2.6s |
| Divi | 310 KB | 32 | 2.5s | 225ms | 68 | 2.8s |
結果:単一投稿パフォーマンス
| テーマ | ページサイズ | リクエスト | ロ��ド時間 | PageSpeed | CLS |
|---|---|---|---|---|---|
| GeneratePress | 48 KB | 9 | 0.9s | 99 | 0.00 |
| Astra | 72 KB | 12 | 1.2s | 95 | 0.01 |
| Flavor | 100 KB | 15 | 1.4s | 92 | 0.02 |
| OceanWP | 118 KB | 17 | 1.5s | 90 | 0.03 |
| Avada | 295 KB | 30 | 2.4s | 70 | 0.08 |
| Divi | 320 KB | 34 | 2.7s | 66 | 0.12 |
パフォーマンスの違いの原因は?
CSSとJavaScriptのペイロード
| テーマ | CSSサイズ | JSサイズ | jQuery必要 | カスタムアイコン |
|---|---|---|---|---|
| GeneratePress | 9 KB | 0 KB | いいえ | インラインSVG |
| Astra | 18 KB | 12 KB | いいえ | インラインSVG |
| Flavor | 32 KB | 25 KB | いいえ | アイコンフォント |
| OceanWP | 42 KB | 35 KB | オプション | アイコンフォント |
| Avada | 120 KB | 85 KB | はい | アイコンフォント + カスタム |
| Divi | 135 KB | 95 KB | はい | アイコンフォント |
GeneratePress(9 KB CSS)とDivi(135 KB CSS)の違いは15倍です。これは、First Contentful PaintおよびLargest Contentful Paintメトリックに直接影響します。これらのメトリックは、Google Lighthouseを使用して測定できます。
DOMの複雑さ
| テーマ | DOM要素(ホームページ) | 最大DOM深度 |
|---|---|---|
| GeneratePress | 約350 | 8 |
| Astra | 約480 | 10 |
| Flavor | 約620 | 11 |
| OceanWP | 約750 | 12 |
| Avada | 約1,400 | 18 |
| Divi | 約1,600 | 20 |
Googleは、DOMサイズを1,500要素未満に保つことを推奨しています。AvadaとDiviは、ページビルダーコンテンツを追加する前でも、標準のホームページでこれを超えています。
```最適化後のパフォーマンス
各テーマを WP Rocket のキャッシングと最適化を有効にしてテストしました:
| テーマ | 最適化前 (読み込み時間) | WP Rocket後 | 改善率 |
|---|---|---|---|
| GeneratePress | 0.8秒 | 0.5秒 | 37% |
| Astra | 1.1秒 | 0.7秒 | 36% |
| Flavor | 1.3秒 | 0.8秒 | 38% |
| OceanWP | 1.4秒 | 0.9秒 | 36% |
| Avada | 2.3秒 | 1.5秒 | 35% |
| Divi | 2.5秒 | 1.6秒 | 36% |
キャッシングはすべてのテーマでほぼ同じ割合の改善を提供します(約35-38%)。しかし、絶対的な数字が物語ります:キャッシュされたGeneratePressサイト(0.5秒)は、キャッシュされたDiviサイト(1.6秒)よりも3倍速いです。 最適化はどのテーマでも改善できますが、根本的に重いテーマアーキテクチャを克服することはできません。
どのテーマを選ぶべきですか?
| 優先順位 | 推奨テーマ | 理由 |
|---|---|---|
| 最大速度 | GeneratePress | 最小のフットプリント、最速の読み込み時間、最もクリーンなコード |
| 速度 + 機能のバランス | Astra Pro | デザインオプションとテンプレートが豊富なほぼGP速度 |
| 無料のWooCommerce機能 | OceanWP | 無料プランで最も多くの機能、予算ストアに最適 |
| 最大機能(速度は二次的) | Avada | すべてが内蔵、最大の機能セット |
| ビジュアルビルディング(速度は二次的) | Divi | 広範なテンプレートを持つ強力なビジュアルビルダー |
パフォーマンスを超えたテーマ選択の包括的なガイドについては、私たちの WordPressテーマ選択ガイド をご覧ください。
テーマパフォーマンスに関する追加の考慮事項
モバイル対応
モバイルトラフィックが増加し続ける中、WordPressテーマがモバイル対応であることを確認することは重要です。デスクトップで良好に動作するテーマが、必ずしもモバイルデバイスで同じ体験を提供するわけではありません。モバイル対応を評価するためのいくつかのヒントを以下に示します:
- レスポンシブデザイン: テーマが画面サイズに基づいてレイアウトと要素を自動的に調整するか確認してください。
- タッチフレンドリーな要素: 小さな画面でボタンやリンクがクリックしやすいことを確認してください。
- ビューポートメタタグ: テーマがモバイルブラウザでのレイアウトを制御するためのビューポートメタタグを含んでいることを確認してください。
画像の最適化
画像は読み込み時間に大���な影響を与える可能性があります。軽量テーマでも、最適化されていない画像はサイトを遅くする可能性があります。画像最適化のためのこれらの実践を考慮してください:
- 適切なフォーマットを使用: より速い読み込みのためにWebPまたは最適化されたJPEGフォーマットを使用してください。
- レイジーローディング: 画像がビューポート内にあるまで読み込みを遅延させるためにレイジーローディングを実装してください。
- 画像圧縮: TinyPNGのようなツールやSmushのようなプラグインを使用して、品質を損なうことなく画像を圧縮してください。
定期的な更新とサポート
定期的に更新されるテーマを選ぶことは、パフォーマンスとセキュリティを維持するために重要です。以下のようなテーマを探してください:
- アクティブな開発がある: テーマの変更履歴を確認して最近の更新を探してください。
- サポートを提供: テーマ開発者がトラブルシューティングや質問に対してサポートを提供していることを確認してください。
- コミュニティのフィードバック: ユーザーレビューやコミュニティフォーラムを探して、ユーザーの満足度や問題を把握してください。
よくある質問
テーマの速度は本当にSEOランキングに影響しますか?
はい。ページ速度は確認されたGoogleのランキング要因であり、Core Web Vitals(LCP、FID、CLS)はGoogleのページエクスペリエンス信号の一部です。コンテンツの質は速度よりも重要ですが、同等の良質なコンテンツを持つ2つのサイトでは、より速い方が高く評価されます。この効果は、Googleがモバイルファーストインデックスを使用するモバイルで最も顕著です。
DiviやAvadaをGeneratePressと同じくらい速くできますか?
キャッシングや最適化を行うことで速度を大幅に改善できますが、GeneratePressの生の数値には匹敵できません。アーキテクチャの違い—DOMサイズ、CSSの重さ、JavaScriptの依存関係—は、これらのテーマの構築方法に固有のものです。最適化されたAvadaサイト(約1.5秒)はまだ許容範囲ですが、最適化されたGeneratePressサイト(約0.5秒)には及びません。
1秒と2秒の読み込み時間の違いは本当に目立ちますか?
はい。Googleの研究によると、読み込み時間が1秒から3秒に増加すると、バウンス率が32%増加します。eコマースサイトでは、Amazonが有名なことに、遅延が100ミリ秒増えるごとに1%の売上を失うことがわかりました。1秒と2秒の違いは、ユーザーエクスペリエンスとコンバージョン率の両方にとって重要です。
デザイン機能よりもテーマの速度を選ぶべきですか?
あなたの優先事項によります。オーガニックトラフィックが重要なコンテンツサイト、ブログ、またはWooCommerceストアを構築している場合は、速度を優先してください(GeneratePress、Astra)。視覚的なインパクトが検索トラフィックよりも重要な一時的なポートフォリオやランディングページを構築している場合は、機能が豊富なテーマがより適切かもしれません。
ホスティングはテーマのパフォーマンスにどのくらい影響しますか?
ホスティングはTTFB(最初のバイトまでの時間)に大きく影響します。同じテーマが安価な共有ホスティングでは500ミリ秒のTTFBを持つ一方、プレミアムホスティングでは100ミリ秒になります。しかし、テーマ間の相対的な違いは一貫しています:軽量テーマは同じホスティング上の重いテーマよりも常に速いです。ホスティングの推奨事項については、ガイドをご覧ください。
ページビルダーは軽量テーマの速度の利点を無効にしますか?
部分的に。ElementorをGeneratePressに追加すると、ページサイズは45 KBから約180 KBに増加します。しかし、GeneratePress + Elementor(180 KB)は、Divi単体(310 KB)よりも軽いです。テーマの基本的な重さは、ページビルダーが生成するものに加算されるため、軽量テーマから始めることで累積的な利点が得られます。
パフォーマンス重視のWordPressテーマを手に入れよう
GeneratePress���Astra、その他の軽量テーマをGPL価格で閲覧してください。Core Web Vitalsで良いスコアを獲得する高速読み込みのWordPressサイトを構築しましょう。
高速WordPressテーマを閲覧する →


