最速の WordPress テーマの選び方と推奨事項

公開: 2023-06-01

Google は毎秒 40,000 件以上の検索を処理しているため、潜在的な顧客の注意を引きつけて保持することに関しては、速度が主要な要素となります。簡単に言えば、サイトの速度が速ければ速いほど、トラフィックを促進し、リードを獲得し、訪問者を購入者に変える可能性が高くなります。

WordPress コミュニティのほとんどの人々は、オープンソースコミュニティにおける WordPress コミュニティの優位性の功績として、利用可能なテーマ (無料および有料) の数を挙げます。とはいえ、エンドユーザーにとって、これは多くの場合、選択の麻痺という 1 つのことにつながります。

ウェブサイトの最速パフォーマンスと最高のユーザーエクスペリエンスを実現するには、適切な WordPress テーマを選択することが不可欠です。最終的にどのテーマを使用することに決めたとしても、Web サイトの速度とパフォーマンスに大きな影響を与えることは間違いありません。

大多数の WordPress テーマは、ユーザーがパフォーマンスを重視していることを認識しています。そのため、すべてではないにせよ、ほとんどのテーマがこれをベストセラー機能の 1 つとして挙げています (実際にそうであるかどうかは関係ありません)。

この記事では、次のことについて説明します。

応答性が高く、ポジティブなユーザーエクスペリエンスを提供する Web サイトを作成するには、高速な WordPress テーマを選択することが重要である理由。
パフォーマンスの高い Web サイトを持つ利点。
新しいテーマを選択するときに何に注意するか。

始めましょう！

ウェブサイトの速度を理解する

Web サイトの速度は、いくつかの要因の影響を受けます。これらの各要因を詳しく見て、ページの読み込み時間にどのような悪影響を及ぼす可能性があるかを見てみましょう。

Web アセットのサイズ

2023 年の最新の Web サイトは、コンテンツを表示するために複数のライブラリとさまざまなメディアを取得することに依存しています。これらのアセットのサイズを最小限に抑えると、Web サイトのパフォーマンスが確実に向上します。

画像とビデオは Web サイトにとって不可欠な部分ですが、メディアファイルが大きいと、ページの読み込み時間が大幅に遅くなる可能性があります。 Web サイトの速度を向上させるには、品質を損なうことなく画像を圧縮して最適化することが重要です。これは、視覚的な魅力を損なうことなく画像のファイルサイズを削減する最新のエンコード形式を使用することで実現できます。

アセットのサイズの最適化と組み合わせて、コンテンツの配信を大幅に高速化するもう 1 つの方法は、コンテンツ配信ネットワーク (CDN) を使用することです。地理的に訪問者に近いサーバーから画像、JavaScript ファイル、CSS などのコンテンツを配信できるサーバーのグローバルネットワークを使用することで、速度を大幅に向上させることができます。 Servebolt CDNなどの CDN のセットアップは非常に簡単なプロセスですが、セットアップに数分間かかると、ページの読み込み時間に大きな影響を与えます。

ホスティングプラットフォーム

選択したホスティングサービスもサイトのパフォーマンスに大きく影響します。ホスティングサービスが遅いと、Web サイトのユーザーエクスペリエンスが低下し、Lighthouse スコアに悪影響を及ぼす可能性があります。

Web サイトの速度を確実に高速化するには、 Web サイトのトラフィックを処理し、読み込み時間を短縮できる、信頼性が高くパフォーマンスの高いホスティングプロバイダーを選択することが重要です。

コードの最適化

Web サイトが複数の JavaScript コードモジュールを取得する場合は、その最適化を検討する必要があります。複数の小さなファイルを 1 つのモジュールに結合することでネットワーク接続の数を減らすことができます。また、ファイルからデッドコードを削除する方法であるツリーシェイキングなどの他の賢い最適化手法を利用することもできます。

コードが適切に書かれていないと、Web サイトの読み込みが遅くなる可能性があります。 Web サイトのフロントエンドと対話する不要なプラグインが Web サイトにある場合、それらを削除するとパフォーマンスが向上する可能性があります。使用している WordPress テーマとプラグインはすべて、このカテゴリに分類されます。

WordPress Web サイトでセキュリティプラグインを使用している場合は、 Accelerated Domainsに切り替えることで速度を大幅に向上させることができます。これは、サイトのパフォーマンス、スケーラビリティ、セキュリティを高速化するフルマネージドサービスです。 ( 2023 年に Web サイトを保護するためにセキュリティプラグインが最適な選択肢ではなくなる理由を理解するには、WordPress セキュリティプラグインに関する記事をお読みください。)

軽量の WordPress テーマが必要な理由

高速なサイトは直帰率が低い

あなたの Web サイトへの訪問者が、その Web サイトを気に入って滞在するかどうかを判断するまでにどれくらいの時間がかかると思いますか? 10秒？ 5秒？ 1秒？驚くべきことに、調査によると、ほとんどの人は約 50 ミリ秒かかることがわかっています。 それは瞬きの 6 分の 1 です。

当然のことながら、直帰率は依然として非常に高い傾向があり、平均は約 50% です。ただし、これは業界によって異なり、電子商取引サイトの直帰率は 20% ～ 45%、ランディングページは約 60% ～ 90%、ブログは 65% ～ 90% の範囲にあります。

では、Web サイトの読み込みにはどれくらいの時間がかかるのでしょうか? 最近の調査では、ユーザーの 47% が、Web サイトが最大 2 秒で完全に読み込まれると予想しています。 そして最終的には、ページの読み込みが遅く直帰率が高いため、電子商取引小売業者は毎年 26 億ドルの売上損失を被っています。

モバイルユーザーの場合、ページの読み込み時間が 1 秒から 5 秒に増加すると、直帰率が 90% に増加することが文書化されています。平均して、モバイルユーザーはサイトが 3 秒以内に読み込まれると期待していますが、モバイルユーザーの 73% は、Web サイトの読み込みが遅すぎると経験していると報告しています。

オンライントラフィックのほぼ60% が携帯電話経由であるため、これらの統計は冷静に読み取ることができます。

肥大化したテーマはユーザーエクスペリエンスを低下させる

真のパフォーマンスを目指して設計されていないテーマを基盤にしてサイトを構築すると、ほぼ確実に、優れたユーザーエクスペリエンスを提供するだけでなく、検索経由のトラフィックを増やす能力に悪影響を及ぼします。そして最悪の点は、特にサイトのサイズが大きくなった場合、後の段階で別のテーマに切り替えるのが容易ではないことです。

使用しない多数のウィジェットやデザイン要素を提供する重いテーマや肥大化したテーマを使用している場合は、できるだけ早く別のテーマに切り替える必要があります。

たとえば、単一のツール、関数、要素のすべての JavaScript コードが 1 つのファイル (main.js) にバンドルされている WordPress テーマが複数ありました。これにより、ページの読み込み時間が大幅に増加し、コードの大部分はスクロールせずに見えるコンテンツにも必要なくなります。

遅いテーマはSEOに直接影響する

多くの怠惰なテーマ開発者が、テーマに jQuery や Color Picker などのライブラリをバンドルし、WordPress には jQuery と Color Picker の両方を含む幅広いライブラリが既に含まれているという事実を見落としてきました。これは、WordPress の現在の機能に対する理解が不十分であるか、まったくの怠惰であることを示しています。いずれにせよ、このような不適切な選択は、ページのサイズと読み込み速度に確実に影響を与えます。

検索エンジンはページの読み込み速度をサイトのランキングの主要な要素として使用するため、Web サイトが遅いと潜在的な顧客を失うだけでなく、Web サイトが検索結果の下の方に埋もれてしまい、訪問者がサイトを見つけることさえできない可能性があります。最初の場所。

WordPress テーマを高速にする理由は何ですか?

WordPress テーマを選択するときは、パフォーマンスよりもデザインを優先しないでください。クリーンなコード、最小限のデザイン、組み込みの最適化機能を備えた軽量で最適化されたテーマは、訪問者の関心を維持する、より高速で応答性の高い Web サイトを実現します。 WordPress テーマを閲覧する際に確認すべき重要な点をいくつか見てみましょう。

テーマは、最新バージョンの PHP および WordPress と互換性がある必要があります。テーマがめったに更新されない場合、他のプラグインとの互換性の問題が発生する可能性があり、古いバージョンを使用し続けることになり、ユーザーエクスペリエンスが標準以下になってしまいます。

さらに、テーマが長期間更新されない場合、セキュリティの脆弱性がパッチされないままになる可能性があります。したがって、最新の PHP および WordPress バージョンをサポートするために定期的に更新されるテーマを選択することが重要です。

無駄のない効率的に設計されたテーマにより、優れた Web エクスペリエンスが提供されます。多くのテーマには、フォント、ソーシャル共有ボタン、ウィジェット、ポップアップ、オプトインなど、必ずしも必要ではない組み込み機能が付属しています。これらの機能は魅力的に見えるかもしれませんが、Web サイトの速度が低下し、ユーザーエクスペリエンスに悪影響を与える可能性があります。したがって、重要な機能のみを提供し、必要に応じてカスタマイズできるテーマを選択するのが最善です。
コードの品質も、 WordPress テーマを選択する際に考慮すべき重要な要素です。理想的には、コードは適切に構造化されており、非推奨の関数を使用しないようにする必要があります。 WordPress.org でテーマを探している場合は、コードリポジトリを参照してコードを表示できます。 WordPress コーデックスは、WordPress テーマでJavaScript を使用するためのベストプラクティスのリストをまとめています。テーマがこれらのガイドラインに従っているかどうかを確認して、コードの品質を評価できます。プレミアムテーマを購入している場合は、コードを参照できない可能性があります。その場合、販売者がテーマに関する詳細なドキュメントを提供しているかどうかを確認できます。適切なドキュメントは、適切に構造化されたコードを保証するものではありませんが、通常は密接に関係しています。コードベースがより小さく、よりコンパクトになると、送信する必要があるデータの量が削減され、Web サイトのパフォーマンスが向上します。 さらに、コードは、小規模な機能については jQuery などのサードパーティの依存関係に依存しないでください。 1 つまたは 2 つの関数だけのために jQuery ライブラリ全体をロードすることはお勧めできません。

一部のテーマには、速度を向上させ、SEO を改善できる最適化機能が組み込まれています。 テーマを選択するときは、画像を遅延読み込みし、HTML マークアップを最適化するものを探してください。テーマが Google、Piwik、Plausible、Yandex などの分析プロバイダーと統合する方法を提供している場合、すべての重要なアセットがロードされた後に分析ファイルをロードする必要があります。 テーマのドキュメントを読んでこれを確認するか、開発者に連絡して直接尋ねることができます。

テーマを選択する際に注意すべきおまけ

WordPress テーマの選択には、速度の考慮に加えて、サイトの長期的な安定性と信頼性に非常に大きな違いをもたらす可能性のある他の多くの重要な側面も含める必要があります。あなたの正気は言うまでもありません。

活発な開発者コミュニティ:活発で熱心な開発者コミュニティがあるテーマを探してください。テーマの開発に開発者が貢献していることがわかった場合は、テーマが定期的に更新、保守、改善されていると確信できます。

優れたサポート:優れたサポートパッケージを提供するテーマを選択してください。これは、開発者がクエリに応答し、必要なときに迅速にサポートを提供する必要があることを意味します。

柔軟性:すぐに使える多目的テーマではなく、柔軟に設計されたテーマを探してください。むしろ、多くの不要な機能を心配することなく拡張できる理想的な基盤となるように設計されたものです。

収益性の高い企業の支援:個人開発者よりも収益性の高い企業の支援を受けているテーマを選択する方が常に良いでしょう。企業はテーマをサポートするためのリソースとインフラストラクチャを備えている可能性が高くなりますが、個人の開発者は 1 年ほどしか存在せず、その後消滅してしまう可能性があります。

現在のテーマが遅いかどうかを確認する方法

現在の WordPress テーマをテストする方法の 1 つは、 PageSpeed InsightsやGTmetrixなどの速度テストツールを使用することです。これらは、複数のデバイスにわたるサイトのパフォーマンスを測定およびテストする無料のツールです。これらのツールは、画像、スクリプト、プラグイン、ホスティングなど、WordPress テーマの速度に影響を与える要因を特定するのに役立つレポートを生成します。

負荷がかかっていないにもかかわらず、これらのレポートでサイトのスコアが低い場合は、別のテーマに切り替えることを検討する必要があります。 Web サイトのパフォーマンスをテストする方法と、そのテストがおそらく間違っている理由について詳しく説明した記事をお読みください。

いくつかの高速 WordPress テーマの例

オーリー

Ollieは、コードやプラグインを使用せずに、ブロック、パターン、グローバルスタイルを使用してサイトを構築できる新しい WordPress ブロックテーマです。 Ollie は高速で、SEO に優しく、アクセスしやすく、無料でダウンロードできます。 Ollie は新しい WordPress サイトエディターで動作し、WordPress のすべての最新機能をサポートします。

Ollie の重要な特徴の 1 つは、軽量でパフォーマンスが高いことです。つまり、読み込みが速く、SEO、アクセシビリティ、Web 標準のベストプラクティスに従っています。 Ollie は各ページに必要な重要なアセットのみをロードし、そのまま使用しても問題なく動作します。

価格: Ollie はオープンソースであり、GNU General Public License 3 に基づいて利用できます。

オーリー WP テーマ

アンダースコア

また、 Underscores (「_s」としても知られています)もご覧ください。これは、独自のカスタム WordPress テーマを作成するための最低限の基盤を提供する軽量のスターターテーマです。柔軟でカスタマイズ可能な出発点となるように設計されており、開発者は不必要に肥大化することなく独自のテーマを構築できます。

アンダースコアは、特定の Web サイトの要件に合わせて簡単に拡張およびカスタマイズできる、すっきりとした最小限のデザインを提供します。したがって、 UnderstrapやQuarkなど、他の多くのテーマのベースとして使用されるのも不思議ではありません。

価格:オープンソースであり、GPL-2.0 ライセンスの下で利用可能です。つまり、何も支払わずに商用目的で使用できます。

アンダースコア WP テーマ

生成プレス

GeneratePress は、速度、安定性、アクセシビリティに重点を置いた軽量の WordPress テーマです。確かに非常に高速で、ページサイズに追加されるのは 10Kb (gzip 圧縮) 未満です。また、Gutenberg ブロックエディターを最大限に活用し、コンテンツの作成をより詳細に制御できるようになります。

GeneratePress は、ブログ、個人のポートフォリオ、ビジネス Web サイト、または WooCommerce ストアフロントなど、あらゆる種類の Web サイトを構築するためのテーマとして最適です。

価格: GeneratePress は無料のオープンソースですが、プロジェクトの開発をサポートしたい場合はプレミアムバージョンを入手することもできます。年間プランの料金は 59 ドル、生涯プランの料金は 249 ドルです。

生成プレス

セージ

Sageは、開発者がカスタム WordPress テーマを迅速かつ効率的に作成できるように設計された WordPress スターターテーマです。 Sage の主な利点の 1 つは、シンプルさ、優雅さ、強力な機能で知られるLaravel PHP フレームワーク上に構築されていることです。

Tailwind CSS は、開発者が応答性が高くカスタマイズ可能なユーザーインターフェイスを迅速かつ簡単に作成できるように設計された、一般的なユーティリティ優先の CSS フレームワークです。

価格: MIT ライセンスに基づいてリリースされており、無料で使用できます。

セージWordPressテーマ

裸のWordPress

Naked WordPressテーマは、開発者やデザイナーが構築するための空白のキャンバスとなるように設計されています。これは、WordPress Web サイトの構築に必要な必須コンポーネントのみを含む必要最低限のテーマです。これにより、実行および編集するコードが最小限で済むため、信じられないほど軽量でカスタマイズが簡単になります。

子テーマは、元の親テーマを変更せずに WordPress サイトの外観と機能をカスタマイズする方法です。 Naked WordPress テーマを親テーマとして使用して独自の子テーマを作成することは、必要なレベルのカスタマイズを達成するための優れた方法です。

価格:ソースコードは GitHub で無料で入手できますが、ライセンスは提供されません。

避けるべきWordPressテーマ

WordPress テーマを探すときは、海賊版テーマは絶対に避けてください。海賊版テーマとは、元の開発者の許可なく違法にコピーおよび配布されたテーマです。無料または安価なので魅力的に見えるかもしれませんが、多くのリスクやデメリットが伴います。

まず、海賊版テーマはマルウェアに感染し、サイトや訪問者に損害を与える可能性があります。マルウェアは顧客の支払い情報を盗んだり、トラフィックを悪意のあるサイトにリダイレクトしたり、不要な広告やポップアップを表示したりする可能性があります。マルウェアはサイトのファイルやデータベースに損傷を与え、復元できなくなる可能性もあります。
次に、海賊版テーマはサーバーリソースを使用し、ユーザーに代わって電子メールを送信する可能性があります。 これにより、サイトの速度が低下し、ホスティングコストが増加し、評判が損なわれる可能性があります。たとえば、ハッカーがサイトを使用してスパムメールを送信したり、他のサイトに DDoS 攻撃を仕掛けたりする可能性があります。これにより、サイトが電子メールプロバイダーや検索エンジンによってブラックリストに登録される可能性があります。
第三に、海賊版テーマは元の開発者からサポートもアップデートも受けられません。 これは、発生する可能性のあるバグ、互換性の問題、セキュリティの脆弱性を修正できないことを意味します。また、開発者がリリースする可能性のある新機能や改善点も見逃すことになります。時代遅れで安全でないテーマを使用することになり、サイトやビジネスに損害を与える可能性があります。

したがって、WordPress サイトに海賊版テーマをインストールしないでください。リスクや手間をかける価値はありません。代わりに、常に信頼できるソースからの正規のテーマを使用する必要があります。

最終的な考え

パフォーマンスが重要な考慮事項である適切な WordPress テーマを選択することは、非常に重要な選択です。なぜ？

まず、切り替えは小規模なプロジェクトではないことが多く、正しい選択をすればチームが本当に強固な基盤の上に構築するために費やすことができる貴重な時間を無駄にすることになります。そして、高速な WordPress テーマを選択した場合の最良の点は、ユーザーはすぐには気づかないかもしれませんが、次のことを行うでしょう。

高速な WordPress テーマを使用していないサイトよりも使用することを好みます
次に情報を検索したり、製品を購入しようとしたりするときに、サイトに戻る可能性が高くなります。

WordPress テーマがサイトのサーバーパフォーマンスにどのような影響を与えるかについて詳しく知りたい場合は、 WordPress 6.2 サーバーパフォーマンス分析に関する優れた記事を読むことができます。

経験的により高速なマネージドホスティングに興味がありますか? WordPress ホスティングへのアプローチをお試しください:

スケーラビリティ:実際のユーザーワークロードテストでは、Servebolt は平均応答時間 65 ミリ秒を達成しました。これは、2 番目に優れたものよりも 4.9 倍速い応答時間です。
最速のグローバル読み込み時間:平均ページ読み込み時間は 1.26 秒で、グローバル WebPageTest 結果リストのトップに位置します。
最速のコンピューティング速度: Servebolt サーバーは、これまで前例のないデータベース速度を提供し、1 秒あたり平均の 2.44 倍のクエリを処理し、2 番目に優れたサーバーよりも 2.6 倍速く PHP を実行します。
完璧なセキュリティと稼働時間:すべてのモニターで 100% の稼働時間と SSL 実装の A+ 評価により、サイトがオンラインで安全であることが保証されます。