WPBeginner のページ読み込み速度を向上させる方法 (6 つのヒントを公開)

ウェブサイトの読み込みが遅いと誰もがイライラします。訪問者を不快にさせ、検索ランキングを下げてしまいます。

WPBeginnerでは、毎月何百万人もの読者に対応しています。スピードは私たちにとって単なる便利な機能ではなく、ビジネスを存続させるために不可欠なものです。

Googleの指標の変更、例えば新しいInteraction to Next Paint（INP）スコアに対応するのがいかに難しいか、私たちは理解しています。SEOを強く保つには、高速なサイトが必要です。

私たちは、私たちの正確なスピード戦略を共有するために、舞台裏を公開します。これらは、WPBeginnerで実際に使用しているツールと設定です。

ここでは、私たちがカバーする最適化の概要を簡単に説明します。

ページ読み込み速度が重要なのはなぜですか？

ページの読み込み速度とは、ユーザーがリンクをクリックしたときにウェブサイトが表示される速さのことです。

私たちの目標は、ユーザーが必要な情報を迅速に入手できるようにすることです。読み込みの速いウェブサイトは、ユーザーが探している情報をすぐに取得できるため、ユーザーを満足させます。

一方、読み込みの遅いウェブサイトは、ユーザーを離脱させる可能性があります。これは、私たちがすべてのウェブサイトで避けたいことです。ユーザーは、あなたのサイトに長く滞在するほど、購読者や顧客になる可能性が高くなります。

読み込みに3秒かかるウェブサイトをユーザーが離れる（直帰する）可能性は36%高くなります。また、読み込みに5秒以上かかるウェブサイトを離れる可能性は90%高くなります。

Source: ThinkWithGoogle

ページの読み込み速度が非常に重要な理由は他にもいくつかあります。

• ユーザーエンゲージメントの向上：高速に読み込まれるウェブサイトは訪問者を引きつけ、迅速な情報アクセスを可能にします。サイトでより多くの時間を費やすユーザーは、購入またはコンバージョンする可能性が高くなります。
• 検索エンジンのランキングを向上：ユーザーエクスペリエンスが向上するため、検索エンジンは高速読み込みウェブサイトを高くランク付けすることで優遇します。
• モバイルユーザーにとって重要： モバイルブラウジングではスピードが特に重要です。モバイルユーザーは、デスクトップユーザーよりも遅いウェブサイトを離れる可能性が2倍高いです。
• 信頼性と権威性を構築する：読み込みの速いサイトは、より信頼性が高くプロフェッショナルに見え、ユーザーがあなたのビジネスから購入することを説得するのに役立ちます。

要約すると、ページの読み込み速度は、顧客満足度とエンゲージメントの向上により、全体的なユーザーエクスペリエンスを向上させます。

WPBeginnerのページ読み込み速度を向上させる方法

私たちは、WordPressのパフォーマンスと速度最適化ハンドブックのすべての標準的なベストプラクティスを適用しています。

さらに、WPBeginnerのWordPressパフォーマンスをさらに向上させるために、いくつかの追加措置を講じました。

ここに、実装したテクニックの前後のパフォーマンス最適化の最近のスクリーンショットを示します。

ウェブサイトで同様のテストを行い、Google Core Web Vitalsスコアを確認したい場合は、 PageSpeed Insights ツールを使用してください。

テストしたい URL を入力し、「分析」ボタンをクリックするだけです。

ツールは数秒間ウェブページを分析し、テスト結果を表示します。

さて、このパフォーマンススコアを達成するために行った手順を見ていきましょう。

1. より高速なホスティングプラットフォーム

WordPressベースのビジネスを長年運営してきた経験から、最高のWordPressホスティングを選択することの重要性を学びました。

小規模なウェブサイトの場合、BluehostやHostingerのようなトップホスティング会社のいずれかで始めることができます。

ただし、WPBeginnerはトラフィック量の多い大規模なウェブサイトです。共有またはVPSホスティングプランでは、その規模では制限が多すぎます。

だからこそ、WPBeginnerはGoogle Cloud Platform上で実行されるSiteGroundのエンタープライズクラウドインフラストラクチャでホストされています。

なぜSiteGroundを使用するのか

• SiteGroundのエンタープライズグレードのホスティングインフラストラクチャには、複数の冗長性レイヤーがあり、最大のアプタイムを保証します。
• Googleの最先端ネットワークに接続されたGoogle Cloud Platform上で実行され、世界中のあらゆる場所から最速の速度を保証します。
• これにより、個々の専用ホスティングサーバーを管理する際のコストと労力が削減されます。
• SiteGround独自の強化機能（Ultrafast PHP、より高速なMySQL、Brotli圧縮など）により、パフォーマンスがさらに向上します。
• SiteGroundのサポートチームとは直接的な業務経験があります。彼らのエンジニアの専門知識、迅速な対応、そして全体的な親切さには常に感銘を受けています。

詳細については、WPBeginnerがSiteGroundホスティングに切り替えた理由に関する記事をご覧ください。

現在、WPBeginnerユーザー向けに、無料のドメイン名付きで、お得な割引も提供しています。月額料金は非常に低く、提供されているテクノロジーとサービスレベルを考慮すると、非常に手頃な価格です。

SiteGroundのメリットは、エンタープライズ顧客に限定されないという点が最も優れています。SiteGroundの共有ホスティングアカウントすべてがGoogle Cloud Platformでホストされています。

2. CloudFlare DNS

以前のWPBeginner Insiderの記事で、SucuriからCloudflareへの切り替えのケーススタディを共有しました。

セキュリティ以外にも、Cloudflare DNS を使用することで WPBeginner はパフォーマンスにおいて大きな優位性を得ています。

DNS（ドメインネームシステム）は、ウェブサイトの電話帳のようなものです。

ブラウザにウェブサイトのアドレスを入力したり、リンクをクリックしたりすると、DNSサービスがドメイン名を検索し、その特定のウェブサイトのIPアドレスにウェブサイトを誘導します。

通常、ウェブサイトはホスティング会社のネームサーバーを使用してDNSを管理します。これらはCloudflareほど高速ではなく、世界中の310以上の都市にあるデータセンターでネットワークエッジでのDNS解決を可能にします。

Cloudflare DNSを使用する理由

• 最速のDNS解決：Cloudflareのグローバルネットワークにより、DNSは任意のユーザーに最も近い場所で解決されます。
• 組み込みセキュリティ：すべてのトラフィックがCloudflare DNSを経由するため、Webアプリケーションファイアウォール（WAF）は、DDoS攻撃、スパム、不要なボット、SQLインジェクション、ハッキング試行などを迅速に軽減およびブロックできます。
• CDN配信 – Cloudflareのネットワークは、静的アセットを自動的にキャッシュし、グローバルネットワークを通じて配信するため、ウェブサイトの読み込みが高速化されます。これはDNSレベルで行われるため、CDNアセット用の個別のサブドメインを持つ必要はありません。

私たちはエンタープライズプランを使用して大量のトラフィックを処理していますが、Cloudflareの無料バージョンは大幅なスピード向上を提供し、ほとんどの中小規模のウェブサイトには十分です。

3. WP Rocketを使用したパフォーマンス最適化

さらなるパフォーマンス最適化のために、市場で最高のWordPressパフォーマンスプラグインの1つであるWP Rocketを使用しています。他の機能の中でも、キャッシュを処理します。これは、ウェブサイトのコピーを保存して、再訪問者のページ読み込みを高速化することを意味します。

WP Rocketについて私たちが最も気に入っている点は、最も包括的なWordPress パフォーマンス最適化プラグインであるため、多くの異なるタスクを処理するためにツールは1つだけで済むことです。

なぜWP Rocketを使用するのか

• キャッシュプリロード – 通常、キャッシュプラグインはユーザーがページにアクセスするまで、そのページのキャッシュコピーを作成しません。WP Rocketは自動的にキャッシュを準備しておくため、ページの読み込み時間に大きな違いが出ます。
• ブラウザキャッシュ – 画像、JavaScript、CSSなどの静的アセットをブラウザキャッシュに保存すると、後続のページビューでの読み込みが高速になります。
• ファイル最適化 – WP Rocketは、JavaScriptやスタイルシートなどの静的ファイルを最小化し、配信を最適化するのに役立ちます。これらのファイルを小さくすることで、ページの全体的な読み込み時間が大幅に短縮されます。

このプラグインに関する詳細な経験を、長所と短所を含めてWP Rocket レビューで共有しました。

WP Rocketで使用している設定は？

以下の WP Rocket 設定がオンになっています:

• フルページキャッシュ
• ファイル最適化（JS および CSS ファイルの最小化とクリティカル CSS の配信）
• JavaScript の遅延読み込み（JS の読み込みを遅延させ、レンダリングブロックの問題を修正するのに役立ちます）。注意: これを使用する場合は、メニューやスライダーが引き続き機能することを確認するために、必ずシークレットモードでサイトを確認してください。
• 画像とメディアファイルの遅延読み込み

サイトでこれらの設定を使用する方法についてサポートが必要ですか？最良の結果を得るためのWP Rocket のセットアップ手順ガイドを用意しました。

4. JavaScriptとCSSのエンキュー

WP Rocket を使用して JavaScript および CSS ファイルの配信を最適化しますが、まず、特定のページに必要なJavaScript および CSS ファイルのみをウェブサイトが読み込むようにします。

これを処理する最善の方法は、WordPressのコーディング標準に従った高品質のテーマとプラグインを使用することです。これらのツールは、スクリプトが必要な場合にのみロードするように構築されています。

ただし、開発者は、機能が正しく機能するように、サイト全体にスクリプトを読み込む場合があります。WPBeginner では、開発チームがこれらの不要なスクリプトを手動でキューから外し、必要に応じてスクリプトが要求されるページにのみエンキューします。

以下のような PHP スニペットを追加する、はるかに安全で簡単な方法は、無料のWPCode プラグインを使用することです。これにより、テーマのファイルを編集せずにカスタムコードを追加および管理できるため、エラーを防ぐことができます。完全なWPCode レビューで詳細を確認できます。

コードを WPCode プラグイン（推奨）または functions.php ファイルに貼り付ける場合でも、まず不要なスクリプトを見つける必要があります。最も簡単な方法は、Query Monitor プラグインを使用することです。

ページに読み込まれているすべてのJavaScriptおよびCSSファイルが表示されるため、不要なファイルを特定できます。スクリプトをデキューするには、Query Monitorからそのハンドルを取得する必要があります。その後、次のコードを使用できます。

function prefix_remove_scripts() {
    // Check if we are on the homepage
	if ( is_front_page() ) { 
		wp_dequeue_script( 'plugin-script-handle' ); 
	} 
} 
add_action( 'wp_enqueue_scripts', 'prefix_remove_scripts', 100 );

同様に、不要なスタイルシートを削除するには次のコードを使用できます：

/**
 * Remove unnecessary stylesheets
 */
function prefix_remove_styles() {
	if ( is_front_page() ) {
	wp_dequeue_style( 'stylesheet-handle' );
	}
}
add_action( 'wp_enqueue_scripts', 'prefix_remove_styles', 100 );

詳細については、WordPress に JavaScript と CSS を適切に追加する方法に関するチュートリアルをご覧ください。

5. ブロックエディタースタイルのアンロード

WPBeginner では、デフォルトのWordPress ブロックエディターを使用しています。非常に高速であり、WordPress のコア開発チームは、そのパフォーマンスを向上させるために多くの時間とリソースを費やしています。

パフォーマンスをさらに向上させるために、WPBeginnerでは使用しないブロックエディタースタイルの一部をアンロードします。

これにより、ページ全体のサイズが削減され、ブラウザが無駄なコードの読み込みに時間を費やすことがなくなります。

ブラウザの用語では、DOMはページ上の要素とサブ要素（見出し、テキスト、画像、スタイルシート、スクリプトなど）のマッピングのようなものです。

DOMが大きくなると、ブラウザはそれを処理するのに少し時間がかかります。DOMが小さいと、すぐに処理されます。

ただし、これによるパフォーマンスの向上はそれほど大きくなく、小規模なWordPress ウェブサイトを持つほとんどのユーザーにはお勧めしません。

6. その他のパフォーマンス向上策

上記のヒント以外にも、ページ読み込み速度を向上させるためのベストプラクティスを実施しています。

以下は、ウェブサイトに簡単に実装できるもののいくつかです。

• 最適化された画像 – 私たちのチームは、アップロードするスクリーンショット、画像、メディアがファイルサイズを削減するために高度に最適化されていることを確認します。WordPress の画像を最適化する方法に関するガイドをご覧ください。
• Cron ジョブの最適化 – Cron ジョブは、更新の確認、スケジュールされた投稿の公開などのためにバックグラウンドで実行されるスケジュールされた WordPress タスクです。WordPress プラグインは、独自のバックグラウンドプロセスを追加することもできます。Cron ジョブの最適化は、サーバーの負荷を軽減し、パフォーマンスを向上させます。
• 外部 HTTP リクエストの削減 – 使用する一部のプラグインやツールは、外部ドメインからファイルを読み込む必要がある場合があります。これらのリクエストが多すぎると、ページの読み込み時間が長くなる可能性があります。これを修正するには、プラグインの CSS ファイルと JavaScript を無効にする方法に関するチュートリアルをご覧ください。

これらの方法や、ページの読み込み時間を改善するためのその他の戦略の詳細なウォークスルーについては、完全なWordPressの速度とパフォーマンスガイドに従ってください。

ページ読み込み速度の向上に関するFAQ

サイトの読み込み速度をさらに速くする方法について、まだ疑問があるかもしれません。ここでは、よく受ける質問への回答をいくつかご紹介します。

ウェブサイトの適切なページ読み込み速度とは？

ページの読み込みを 2 秒未満にすることが素晴らしい目標です。サイトが速ければ速いほど、訪問者と検索エンジンのランキングの両方にとって良い結果となります。

ウェブサイトの速度をテストするにはどうすればよいですか？

GoogleのPageSpeed Insightsのような無料のオンラインツールを使用してサイトをテストできます。ウェブサイトのURLを入力するだけで、ツールが詳細なパフォーマンスレポートと改善のための提案を提供します。

サイトを高速化するために開発者である必要がありますか？

全く必要ありません。質の高いホスティングの選択、WP Rocketのようなキャッシュプラグインの使用、画像の最適化など、最も効果的な戦略の多くはコーディングスキルを必要としません。

これらのヒントの中で、最もパフォーマンスを向上させるのはどれですか？

WordPressホスティングは、ウェブサイトの速度の基盤です。SiteGroundのような高速で信頼性の高いホストから始めることは、初日からパフォーマンスに最も大きな影響を与えます。

追加リソースと次のステップ

このパフォーマンス戦略の内部的な解説が、ご自身のウェブサイトをより速くするための明確な道筋を示してくれることを願っています。共有したヒントは、あらゆるサイトのユーザーエクスペリエンスとSEOを改善できます。

さらに詳しく知りたい場合は、以下の追加ガイドが役立つかもしれません。

• WordPressの速度とパフォーマンスを向上させるための究極のガイド
• 大量トラフィックイベントに備えるためのWordPressサイトの準備方法
• ウェブサイトを高速化する最高のWordPressキャッシュプラグイン

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。