WordPressのプラグインがサイトの読み込み時間に与える影響（公開済み）

WordPressのプラグインは、サイトの機能を拡張する強力なツールです。しかし読者からは、プラグインが多すぎたり、プラグインのコーディングが不十分だったりすると、サイトの読み込み時間に影響するのではないかという質問をよく受けます。結局のところ、遅いサイトは訪問者をイライラさせ、直帰率を上げ、検索順位を下げることにつながります。

私たちは、WordPressサイトでプラグインを運用した経験を数多く持っています。その過程で、機能豊富なサイトと最適なパフォーマンスの両立が可能であることを学びました。

この投稿では、WordPressのプラグインがサイトの読み込み時間にどのような影響を与えるか、また、サイトを最高のパフォーマンスで維持するためにプラグインをどのようにコントロールできるかを紹介します。

プラグインとWordPressのパフォーマンスに関する包括的なガイドです。この投稿をナビゲートするには、以下のリンクを使用してください：

WordPressのプラグインはどのように機能するのか？

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

WordPressのコアもプラグインもPHPで書かれています。このPHPコードはWebサーバー上で実行され、そのリソースを使用します。

そのため、サーバーリソースを簡単に管理し、サイトを効率的に運営できる高速WordPressホスティングを選択することが重要です。

誰かがあなたのサイトにアクセスすると、WordPressはまずコアファイルを読み込み、次に有効化したプラグインをすべて読み込みます。さらに詳しくは、WordPressプラグインとその仕組みについてのガイドをご覧ください。

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

そのため、WordPressプラグインは素晴らしい機能を追加する一方で、サイトの読み込み速度に影響するリソースを消費します。

プラグインの中には、サイトのデータベースから情報を検索するものがあります。プラグインがあまりにも多くの情報を検索しなければならなかったり、効率的に検索できなかったりすると、サイトの反応が遅くなる可能性があります。

他のプラグインは、訪問者のコンピューターにダウンロードする必要があるファイルを追加します。これらのファイルは画像であったり、サイトの見た目をコントロールするスタイルシートであったり、サイトをインタラクティブにするJavaScriptファイルであったりします。ファイルが増えるたびに、サイトの読み込みにかかる時間は少しずつ長くなっていきます。

このことを念頭に置いて、あなたのサイトに適したプラグインを慎重に選ぶようにしましょう。また、不必要に多くのプラグインを実行することも避けるべきです。

これらの問題を詳しく見てみよう。

プラグインが多すぎるとWordPressが遅くなる？

プラグインはいくつあっても足りない？WordPressユーザーの多くは、プラグインをインストールしすぎるとサイトが遅くなるのではないかと疑問に思っている。

重要な問題はプラグインの量ではなく、むしろ質だと考えている。

よくコーディングされたプラグインはすべて、読み込むファイルを最小限に抑えようとする。あなたのサイトでは、このような優れたWordPressプラグインを何十個も問題なく稼働させることができる。

しかし、すべてのプラグイン開発者がそこまで注意しているわけではありません。一部のプラグインは、個別ページロードのたびにファイルをロードする。このようなプラグインが多すぎると、サイトの表示が遅くなります。

つまり、本当の問題は、高速なプラグインを選び、コーディングが不十分なプラグインを避けることなのだ。

この問題については、WordPressプラグインをいくつインストールすべきかについてのガイドを参照してください。

非アクティブなプラグインはWordPressを遅くする？

WordPressのプラグインを無効化することで、一時的にオフにすることができます。プラグインが削除されるわけではないので、必要なときに簡単に再開できます。

非アクティブなプラグインはサイトを遅くするのかと思うかもしれません。そんなことはありません。

WordPressは非アクティブなプラグインを読み込まないので、サイトのリソースを使用しません。非アクティブなプラグインはデータベースにクエリーしたり、ファイルにアクセスしたりしません。

しかし、アクティブでないプラグインを今後使用する予定がない場合は、削除することをお勧めします。非アクティブなプラグインはまだ更新を要求してきますし、ハッカーがあなたのサイトにアクセスするために使用することもあります。

詳しくは、こちらのガイドをご覧ください：非アクティブなプラグインはWordPressを遅くしますか？

より高速なプラグインの選び方

先に述べたように、最も重要なことは、よくコード化されたプラグインを選ぶことである。これらのプラグインは、良いレビューがあり、信頼できるソースによって推奨されています。

まずは、WordPressプラグインの選び方についての詳しいガイドをお読みください。

プラグインの使いやすさとパフォーマンスには特に注意を払いたい。ここではトップ・ピックをいくつか紹介しよう：

• WPForms、WordPressのための最も速く、最も初心者に優しいお問い合わせフォームプラグイン
• All In One SEOは、サイトパフォーマンスを重視した強力なWordPress SEOプラグインです。
• MonsterInsights、gtag.jsをローカルに読み込んでGoogle Core Web Vitalsのスコアを高速化できるWordPress用Googleアナリティクスプラグイン。
• ランディングページやテーマを高速で作成するWordPressページビルダーSeedProd

これらの推奨事項に加えて、独自のスピードテストを実行することができます。プラグインをインストールする前と後でサイトのスピードをテストし、パフォーマンスへの影響を比較してみましょう。

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

プラグイン・オーガナイザーを使ってプラグインをコントロールする方法

使用するプラグインの中には、サイトのすべてのページで実行する必要のないものもあります。必要な場所でだけ実行することで、サイトを高速化することができます。

例えば、プラグインがWordPressの管理エリアでのみ実行される必要がある場合、サイトのフロントエンドでは読み込まれないようにする必要があります。

プラグインの投稿者は、あなたがプラグインの機能をどのように使うかを常に予測できるわけではないので、必要であろうとなかろうとコードを読み込むことがあります。プラグインがJavaScriptやCSSファイルを読み込むと、サイトのページ読み込み時間が長くなる可能性があります。

不要なページではプラグインを無効化することで、読み込み時間を改善できます。

そこでPlugin Organizerが役立ちます。これはWordPressのプラグインで、以下の方法で他のプラグインをコントロールすることができます：

• URLに基づいて特定のプラグインを選択的に有効化または無効化することができます。
• ユーザー権限グループごとにプラグインを有効化・無効化することができます。
• 投稿タイプに基づいてプラグインを有効化または無効化することができます。
• プラグインを読み込む順番を並べ替えることができます。
• 特定のプラグインを無効化し、必要なときだけ読み込むことができる。

これらの機能を使って、Plugin Organizerはプラグインをコントロールし、サイトのパフォーマンスを微調整することができます。

詳しい使い方は、Plugin Organizerを使ってWordPressサイトを高速化する方法をご覧ください。

また、サイト訪問者の半数以上がスマートフォンやその他の端末を利用しているため、サイトが素早く読み込まれるようにする必要があります。

プラグイン・オーガナイザーを使って、モバイルで特定のプラグインを無効化することができます。方法については、モバイルユーザー向けに特定のWordPressプラグインを無効化する方法をご覧ください。

しかし、他のプラグインをインストールせずにWordPressプラグインをコントロールしたい場合は、このガイドの残りの部分でステップバイステップでその方法を説明します。ただし、これはより技術的なユーザーにのみお勧めします。

WordPressプラグインが読み込むファイルをチェックする方法（上級編）

プラグインがページのロード時間にどのような影響を与えるかを確認するには、WordPressプラグインによってロードされるファイルをチェックする必要があります。幸いなことに、これを調べるのに使えるツールがたくさんあります。

簡単な方法のひとつは、ブラウザー開発者ツールを使うことだ。Google ChromeやFirefoxでは、サイトを右クリックして「Inspect」を選択するだけです。開発者ツールパネルが開きます。

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

読み込みに時間がかかるファイルに注意してください。時間」カラムを見れば、各ファイルの読み込みにかかった時間がわかります。

JS（JavaScript）やCSSなど、読み込み時間に影響を与える可能性のある特定の種類のファイルだけを表示したい場合は、上部にあるボタンでリストをフィルターするだけです。

より詳細なレポートについては、Pingdomや GTmetrixのようなサードパーティツールを使用することもできます。これらのツールは、ロードされたすべてのファイルとロードにかかった時間について、さらに有益な情報を提供してくれます。

WordPressプラグインアセットを手動で最適化する方法（上級編）

WordPressの上級ユーザーは、WordPressプラグインがサイトにファイルを読み込む方法を管理することができる。これにはコーディングの知識とデバッグのスキルが必須であることを覚えておいてください。

WordPressでスクリプトとスタイルシートを読み込む正しい方法は、wp_enqueue_style関数とwp_enqueue_script関数を使うことです。

WordPressのプラグイン開発者の多くは、プラグインファイルのロードにこれらの関数を使用し、必要なときに必要な場所にのみファイルがロードされるようにしています。WordPressには、これらのスクリプトやスタイルシートを登録解除する簡単な関数も用意されています。

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

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

WordPressでスタイルシートやJavaScriptファイルを簡単に登録解除する方法を見てみよう。

WordPressでプラグインのスタイルシートを手動で無効化する方法（上級編）

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

スタイルシート・ハンドルを見つけたら、WPCodeのようなコード・スニペット・プラグイン（推奨）を使って、テーマのfunctions.phpファイルにこのコードを追加することで、登録を解除できます。

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

gdwpm_styles-css'を無効化したいスタイルハンドルに変更することを忘れないでください。

WPCodeを使用してこのコード・スニペットを追加するには、単にカスタムのPHPスニペットを作成し、それに名前を付け、コードをコード・プレビュー・ペインに貼り付けます。

その後、スニペットを「有効化」にしてから、「スニペットを保存」ボタンをクリックしてコードを保存してください。詳しくは、WordPressでカスタマイザーを追加する方法をご覧ください。

この関数内では、好きなだけスタイル・ハンドルを登録解除できる。

例えば、スタイルシートを登録解除するプラグインが複数ある場合は、次のようにする：

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
    wp_deregister_style( 'gdwpm_styles-css' );
    wp_deregister_style( 'bfa-font-awesome-css' );
    wp_deregister_style( 'some-other-stylesheet-handle' );
}

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

WordPressでプラグインのJavaScriptを手動で無効化する方法（上級編）

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

そのためには、プラグインファイルを深く掘り下げて、プラグインがスクリプトをロードするために使用するハンドルを見つける必要がある。

プラグインが使用するすべてのハンドルを調べるもう一つの方法は、テーマのfunctions.phpファイルまたは新しいWPCodeスニペットにこのコードを追加することです：

function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "<ul>";
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename;
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles');

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

このように見えるはずだ：

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

スタイルシートを無効化したときと同じように、テーマのfunctions.phpファイルまたは新しいWPCodeスニペットにコードを追加するだけです：

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
}

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

このようになる：

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    wp_deregister_script( 'contact-form-7' );
    wp_deregister_script( 'gdwpm_lightbox-script' );
    wp_deregister_script( 'another-plugin-script' );
}

さて、先に述べたように、これらのスクリプトを無効化すると、プラグインが正常に動作しなくなります。これを避けるには、JavaScriptのコードを組み合わせる必要がある。これはいつもスムーズにいくとは限らないので、自分が何をしているのかを知り、試行錯誤しながら学んでいく必要がある。

特定のページだけにスクリプトを読み込む方法（上級者向け）

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

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

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

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
    if ( !is_page('Contact') ) {
        wp_deregister_script( 'contact-form-7' );
    }
}

このコードは、お問い合わせページ以外のすべてのページでcontact-form-7スクリプトを無効化するだけです。ページ名とプラグインスクリプトハンドルを使用したいものに変更するだけです。

WordPress プラグインがサイトの読み込み時間にどのような影響を与えるか、この投稿がお役に立てば幸いです。WordPressのスピードとサイトパフォーマンスを向上させる究極のガイドと、専門家が選んだサイトを高速化する最高のWordPressキャッシュプラグインもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.