【実測データで徹底比較】高速WordPressテーマ16選

その膨大なエコシステムから、高速なWordPressテーマ探しには根気のいる作業です。目ぼしいテーマをリストアップし、テストを実行して、読み込み時間をミリ秒単位で比較するのは面倒でしょう。

開発元とデモによるサーバーに起因する速度の変化を、どのように考慮するのでしょうか？また、テストツールが相反する結果を出したら…？

一般的なWordPressユーザーが皆、気になるテーマのパフォーマンスを一貫した環境でテストできるわけではありません。外部の要因を取り除くことは難しく、検討すべきWordPressテーマが多すぎます。

だからこそ、今回私たちが代わりに比較を行いました。

4つの速度テストツール、各テーマに新しいインストールデータ、そして、各テストに同じサーバーを使用し、最速のWordPressテーマを絞り込みました。

さらに、絞り込んだテーマ同士を比較して、様々な状況で機能するもの、最高のパフォーマンススコアと速度を誇るものを調査しました。

テストを自分で実行したい場合はこちらをご覧ください。

WooCommerce向けテーマをお探しの方はこちらをご覧ください。

最速WordPressテーマ候補の選別方法

まず以前から知っているテーマと、多くのダウンロード数と高評価を誇る人気のWordPressテーマの調査から始めました。

さらに、WordPressリポジトリを調べ、候補を列挙し、以前に見逃していた可能性のある、隠れた、新しい、そして、高評価の選択肢も検討しました。

読み込みの速いWordPressサイトを見つけたら、Kinsta独自開発のテーマ検出ツールを利用して、どんなテーマが利用されているか調べてみることをおすすめします。今回ご紹介するテーマ以外に優れたものを見つけた方は、是非コメント欄でお知らせ下さい！

サイト速度の測定は次のように行いました。

空のWordPressサンドボックスデータにテーマをインストール、有効化します。これにより、WordPress専用サーバーの標準化が可能になり、他のプラグインやサイトファイルによる複雑さを排除できます。
メディア、メニュー、固定ページ、投稿を追加せずに、テーマはそのままにします。また、デモコンテンツは除外し、トップページの割り当てを行わずにスタート地点を公平にしました。
GTMetrix Speed Testを使って、テーマの搭載されたウェブサイトの速度を計測します。
Pingdom Speed Testを使って計測します。
PageSpeed InsightsでモバイルとPCにおける速度を評価します。
TTFB（time to first byte）テストでテーマの速度を計測します。（このトピックについて詳しく知りたい方は、TTFB [Time to First Byte] の短縮方法をご覧ください）

各計測ツールには独自の強みがあります。評価結果をよりよく理解するために、それぞれの指標の意味とそれがいかに重要であるかを概説しました。

4つのツールを使用した理由は、それぞれに異なる基準と結果があり、1つのツールの使用により偏りのある結果を出さないようにするためです。さらに、特定のツールは、モバイルでの速度、ページサイズ、または最初のWebサイト要素が表示されるまでの速度など、細かな部位に焦点を当てています。

以下は、使用した各計測ツールの概要です。

GTmetrix

GTMetrixはウェブサイトを計測し、その速度と最適化について分析します。パフォーマンスの問題をチェックしたり、テーマが不要なファイルで雑然としていないかどうか確認したりするのに便利なツールです。

2020年11月よりGTmetrixはLighthouseを使用しており、レポートのデザインが新しくなりました。このレポートでは、Performance scoreとStructure scoreに基づいた、新たな指標であるGTmetrix Gradeが使用されています。

GTmetrix Grade（GTmetrixスコア）：Performance ScoreとStructure scoreを基にランク付けした指標です。グレードは実際のサイトのパフォーマンスとユーザーの体感パフォーマンスの両方を考慮しています。
Performance Score（パフォーマンススコア）：GTmetrixのテストで計測されたLighthouseのパフォーマンススコアです。高いほど優れています。
Structure Score（構造スコア）：LighthouseとGTmetrix独自の検査の両方に基づいた指標です。Performance Scoreとほぼ同じ値であることが理想的です。
Web Vitals（コアウェブバイタル）：ユーザーが体感するパフォーマンスの重要な指標としてGoogleが定めたものです。Largest Contentful Paint（LCP）、Total Blocking Time（TBT）、Cumulative Layout Shift（CLS）があります。

Pingdom

PingdomはGTMetrixにかなり似ていますが、わずかに異なる指標が確認できます。2つの間に大きな不一致が発生した場合には何か問題があることがわかり、両方を使い計測するのが効果的です。

Performance Grade（パフォーマンススコア）：100点満点で表示される、複数の要素の合計成績です。目標は、できるだけ高いスコアを獲得すること。ここで確認される要素には、コンテンツサイズ、エラー、リダイレクト、リクエストなどがあります。
Load Time（読み込み時間）：Pingdomによって、テーマのインストールされたサイト全体を読み込むのにかかる時間であり、低いほど優秀です。
Page Size（ページサイズ）：サイトファイルの合計サイズです。テーマが大きく影響します。低いほど良いです。
Requests（リクエスト）：テーマとサイトコンテンツをユーザーに配信するためのサーバーリクエストの数です。少ないほど理想的です。

PageSpeed Insights

GoogleのPageSpeed Insightsからは、高速WordPressテーマを分析する上でユーザーエクスペリエンスが重要であることがわかります。コンテンツのユーザーへの表示速度に焦点が当てられ、配信時間が遅くなる原因となっているテーマの部位も明らかになります。

モバイルとPC両方のテストを実施することで、全体像をより良く把握することができます。以下の指標に注目します。

Performance Score（パフォーマンススコア）：100点満点で評価されます（パフォーマンススコアの詳細はこちら）。速度の指標、コンテンツの配信時間、ブラウザの待機時間などの要素が考慮されます。
First Contentful Paint：テーマ、ウェブサイトで最初のコンテンツアイテムが表示されるまでの時間。低いほど優れています。
Largest Contentful Paint（LCP）：テーマ、ウェブサイトで最も大きなコンテンツアイテムが表示されるまでの時間。低いほど優れています。
Speed Index（速度インデックス）：すべてのコンテンツアイテムがユーザーに表示されるまでの時間。これも、低い方が理想的です。
Time to Interactive（インタラクティブになるまでの時間）：インタラクティブであることは、単に見えることとは異なります。ボタンが表示されていても、クリックできない場合もあります。したがって、このタイミングは速度インデックスよりも長い時間になるものですが、当然、低い数値が理想的です。
Total Blocking Time（TBT）：ダウンロード開始までにかかる時間。通常、スタイルシートやスクリプトなど、他のアセットの方が優先順位は高いため時間差が発生します。
Cumulative Layout Shift（CLS）：ページの視覚的な安定性を測定するものです。特に最初の読み込み時に、ページのコンテンツが不意に動いたり、ジャンプしてしまったりしないか。CLSのスコアが0.1未満であれば良好、0.25を超えると不良とみなされます。

Byte Check（TTFB測定）

TTFB（Time to Frist Byte）テストでは、ブラウザがHTTPリクエストを完了し、サーバーからユーザーに1バイトのデータが送信されるまでにかかる時間を測定します。

基本的には、ごくわずかな情報が配信されるまでにかかる時間を意味します。これにはレンタルサーバーが大きく影響するため、高速なWordPress用サーバー選びが鍵となりますが、テーマが重いことによって問題が起きることもあります。

bytecheck.comを使用した計測では、以下の指標を確認しました。

Time To First Byte（TTFB）：は、非常に短い時間（ミリ秒単位）になるのが理想的です。これにより、最初の1バイトがサーバーからユーザーに送信されるのにかかる時間がわかります。
Total Time（合計時間）：他の要因も考慮される可能性がありますが、私たちの計測では、常に同じ数値になりました。レンタルサーバー次第で数が変わり得るでしょう。
Request Size（リクエストサイズ）：リクエストサイズはHTTPリクエストを介して送信されるデータのサイズです。低いほど良いです。計測してみたところ、すべてのテーマでリクエストサイズが同じになりました。
Total Header Size（合計ヘッダーサイズ）：ヘッダーファイルが大きいと、テーマを圧迫してしまうため、この数値は重要です。バイト単位で測定した、テーマ/ウェブサイトヘッダーの合計ファイルサイズが表示されます。計測をしてみたところ、すべてのテーマでリクエストサイズが同じになりました。

指標とツールについてはご紹介した通りです。続いては、実際に結果を見て、どれが最速のWordPressテーマなのか（データをもとに）見てみましょう。

補足）テーマは順不同でご紹介します。個別のテーマのテストと結論、パフォーマンスをご覧ください。また、最終章ではすべてのテーマの結果をまとめた表をご用意しています。

1. Hello Elementor

Elementor Page Builderに馴染みのある人なら、これにより、コードを使用せずにWordPressサイトを構築するのがどれほど高速で簡単かをご存じでしょう。Elementorは、ドラッグアンドドロップビルダー分野の大手であり、その開発者が、Hello Elementorという名前の高速かつ多用途のテーマを作成したことは、驚くべきことではありません。

テーマは「高速、柔軟」が売りです。WooCommerce、Advanced Custom Fields、Yoastなど他の多くのプラグインとともに、ご想像の通り、Elementorとうまく調和し機能します。

モバイルデザインも計測で同様に機能し、スムーズなインターフェースも確保されており、訪問者が紛らわしいメニューやテキストで混乱してしまう心配はありません。テーマはほぼ白紙の状態から始まりますが、ここであらゆる業界に必要なものを自由に設計できるElementorの力が発揮されます。

価格設定

Hello Elementorは無料でダウンロードできます。

Elementor Page Builderも無料で、追加のテンプレート、ウィジェット、要素ビルダーが備わった有料プラン（年間49ドルから）があります。

注目の機能

Hello ElementorテーマはElementorと見事に調和します。Elementorは、非常に簡単に使用できるページビルダーの1つです。
基本のデザインとテーマファイルは最小限かつシンプルであり、信じられないほど高速で全体的にクリーンなインターフェースが実現しています。
Elementorと統合しテーマやページビルダーを使用することであらゆる種類のサイトを構築できます。
Hello Elementorに付属するページビルダー要素には、動画、見出し、スペーサー、Googleマップ、ポートフォリオ、投稿などがあります。
Hello Elementorには、ランディングページをすばやくデザインできるビルトインのツールがあります。
WooCommerce、Yoast、WPMLなどの人気のプラグインと統合できる設計です。
すべてのデバイスで美しいレスポンシブデザインを実現できます。
RTLサポートという強みを生かし、多言語翻訳サイトを作成できます。
Hello Elementorには豊富なフォローリソースやサポートドキュメントがあり、オンラインで簡単にヘルプを探したり記事を見つけたりできます。