WordPressプラグインがサイトのロード時間に与える影響

WordPressのプラグインがサイトの読み込み時間にどのような影響を与えるか、不思議に思ったことはありませんか？WordPressのプラグインはサイトに機能を追加することができますが、サイトのスピードにも影響します。この投稿では、WordPressプラグインがサイトの読み込み時間にどのような影響を与えるのか、そしてプラグインをより効率的にコントロールする方法をご紹介します。

WordPressプラグインの仕組み

WordPressプラグインは、WordPressサイトのアプリのようなものです。インストーラをインストールすることで、お問い合わせフォームや フォトギャラリー、eコマースストアなどの機能をサイトに追加することができます。

誰かがあなたのサイトにアクセスすると、WordPressはまずコアファイルを読み込み、次に有効化したプラグインをすべて読み込みます。

詳しくは、WordPressプラグインとは何か？また、どのように機能するのでしょうか？

プラグインはサイトのロード時間にどのように影響しますか？

WordPressのプラグインは、それぞれ異なる機能や特徴を提供しています。そのために、バックエンドでデータベースを呼び出すプラグインもあれば、フロントエンドで CSS スタイルシート、JavaScript ファイル、画像などのアセットを読み込むプラグインもあります。

データベースのクエリーとアセットのロードは、サイトのロード時間を増加させます。ほとんどのプラグインは、スクリプト、CSS、画像などのアセットを読み込むためにHTTPリクエストを行います。各リクエストはサイトのページ読み込み時間を増加させます。

適切に行われた場合、パフォーマンスへの影響はあまり目立たないことが多いです。

しかし、ファイルやアセットを読み込むためにあまりにも多くのhttpリクエストを行う複数のプラグインを使用している場合は、サイトのパフォーマンスとユーザーエクスペリエンスに影響を与えます。

WordPressプラグインが読み込むファイルをチェックするには？

プラグインがページの読み込み時間にどのような影響を与えているかを確認するには、WordPressプラグインが読み込んでいるファイルをチェックする必要があります。

これを調べるために使えるツールはたくさんあります。

ブラウザーの開発者ツール（Google ChromeのInspect、FirefoxのInspect Element）を使うことができる。

サイトにアクセスし、右クリックしてInspectを選択するだけです。開発者ツールパネルが開きます。

ネットワーク」タブをクリックし、サイトをリロードしてください。ページがリロードされると、ブラウザーが各ファイルをどのように読み込んでいるかがわかります。

PingdomやGTmetrixのようなサードパーティツールを使って確認することもできます。他の有用な情報の中で、これらのツールは、ロードされたすべてのファイルとロードにかかった時間も表示します。

プラグインは多すぎる？

これらのファイルが読み込まれるのを見るにつけ、自分のサイトではいくつのプラグインを使えばいいのだろう？プラグインはいくつあると多すぎるのでしょうか？

答えはあなたのサイトで使っているプラグインによります。

悪質なプラグインが個別で12個のファイルを読み込むこともあれば、優良なプラグインが複数あっても2、3個のファイルを追加するだけです。

よくコーディングされたプラグインはすべて、読み込むファイルを最小限に抑えようとします。しかし、すべてのプラグイン開発者がそこまで注意を払っているわけではありません。一部のプラグインは、個別ページの読み込みのたびにファイルを読み込みます。

そのようなプラグインを使いすぎていると、サイトのパフォーマンスに影響が出始めます。

プラグインをコントロールするには？

WordPressサイトでできる最も重要なことは、よくコーディングされ、良いレビューがあり、信頼できるソースから推奨されているプラグインのみを使用することです。

WordPressプラグインの探し方については、こちらのガイドをご覧ください。

WordPressプラグインがサイトの負荷に影響を与えていることがわかったら、同じ仕事をする、より優れたプラグインを探しましょう。

次に、サイトのパフォーマンスとスピードをさらに向上させるために、キャッシュと CDNの使用を開始する必要があります。

あなたが考慮すべきもう一つの要因は、あなたのホスティングサービスです。ホスティングサービスのサーバーが適切に最適化されていない場合、サイトのレスポンシブタイムが長くなります。

これは、プラグインだけでなく、サイト全体のパフォーマンスが低下することを意味します。本当に〜してもよいですか？あなたは最高のWordPressホスティング会社のいずれかを使用していることを確認してください。

最後の手段として、なくても生きていけるプラグインをアンインストールすることもできる。あなたのサイトにインストールされているプラグインを慎重に確認し、そのうちのいくつかをアンインストールできるかどうか確認してください。スピードのために機能を妥協しなければならないので、これは理想的な解決策ではありません。

WordPressプラグインアセットを手動で最適化する

WordPressの上級ユーザーは、WordPressプラグインがサイトにファイルを読み込む方法を管理することができます。そのためには、コーディングの知識とデバッグのスキルが必須です。

WordPressでスクリプトとスタイルシートを読み込む適切な方法は、wp_enqueue_style関数とwp_enqueue_script関数を使用することです。

ほとんどのWordPressプラグイン開発者は、プラグインファイルを読み込むためにこれらを使用しています。WordPressには、これらのスクリプトやスタイルシートを登録解除する簡単な関数も用意されています。

しかし、これらのスクリプトやスタイルシートの読み込みを無効化するだけでは、プラグインが壊れてしまい、正しく動作しなくなります。これを解決するには、これらのスタイルやスクリプトをテーマのスタイルシートやJavaScriptファイルにコピー＆ペーストする必要があります。

こうすることで、これらすべてを一度に読み込むことができ、httpリクエストを最小限に抑え、ページのロード時間を効果的に短縮することができます。

それでは、WordPressでスタイルシートとJavaScriptファイルの登録を簡単に解除する方法を見ていきましょう。

WordPressでプラグインのスタイルシートを無効化する

まず、登録を解除したいスタイルシートの名前またはハンドルを見つける必要があります。ブラウザーのインスペクトツールを使って見つけることができます。

スタイルシートのハンドルを見つけたら、テーマのfunctions.phpファイルかサイト固有のプラグインにこのコードを追加することで登録を解除できます。

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}

この関数内では、必要な数だけスタイルハンドルを登録解除できます。例えば、スタイルシートを登録解除するプラグインが複数ある場合は、このようにします：

[cbk2］

これらのスタイルシートを登録解除すると、サイトのプラグイン機能に影響を与えることを忘れないでください。登録解除する各スタイルシートのコンテンツをコピー＆ペーストし、WordPressテーマのスタイルシートに貼り付けるか、カスタムCSSとして追加する必要がある。

WordPressでプラグインのJavaScriptを無効化する

スタイルシートと同じように、JavaScriptファイルの登録を解除するには、JavaScriptファイルが使用しているハンドルを見つける必要がある。しかし、inspectツールを使ってもハンドルは見つからない。

スクリプトを読み込むためにプラグインが使用するハンドルを見つけるには、プラグインファイルを深く掘り下げる必要があります。

プラグインが使用するハンドルをすべて見つけるもう一つの方法は、テーマのfunctions.phpファイルにこのコードを追加することです。

[cbk3］

このコードを追加した後、[pluginhandles]ショートコードを使ってプラグインスクリプトハンドルのリストを表示することができます。

スクリプトハンドルができたので、以下のコードを使って簡単に登録を解除することができます：

[cbk4］

このコードを使って、複数のスクリプトを無効化することもできる：

[cbk5］

さて、これらのスクリプトを無効化すると、プラグインが正しく動作しなくなることは前述したとおりです。

これを避けるには、JavaScriptを組み合わせる必要がありますが、スムーズにいかないこともあります。試行錯誤して学ぶこともできますが（私たちの多くがそうしているように）、ライブサイトでは行わないことをお勧めします。

テストに最適なのは、ローカルのWordPressインストールか、マネージドWordPressホスティングサービスプロバイダーのステージングサイトです。

特定のページにのみスクリプトを読み込む

サイトの特定のページでプラグインスクリプトをロードする必要があることがわかっている場合、その特定のページでプラグインを許可することができます。

こうすることで、サイトの他のページではスクリプトがすべて無効化され、必要なときだけ読み込まれるようになります。

ここでは、特定のページでスクリプトを読み込む方法を説明します。

[cbk6］

このコードは、お問い合わせページ以外のすべてのページで、お問い合わせフォーム-7スクリプトを無効化します。

これですべてです。

この投稿が、WordPressプラグインがサイトのロード時間にどのような影響を与えるかを知る一助となれば幸いです。WordPressのスピードとサイトパフォーマンスを向上させる究極のガイドもご覧ください。

この投稿を気に入っていただけたなら、WordPress動画チュートリアルのYouTubeチャンネルをぜひご購読ください。TwitterやFacebook でも私たちを見つけることができます。