どうしてだろうと思ったことはありませんか WordPressのプラグイン サイトの読み込み時間に影響しますか? の WordPressのプラグイン サイトに機能を追加できますが、Web サイトの速度に影響を与える可能性もあります。 このチュートリアルでは、次の方法を説明します。 WordPressのプラグイン サイトの読み込み時間に影響を与え、それをより効果的に制御する方法を説明します。
プラグインはどのように機能しますか?
WordPressプラグインは、WordPressサイトのアプリケーションに似ています。 それらをインストールして、連絡先フォーム、フォトギャラリー、eコマースストアなどの機能をサイトに追加できます。
誰かがあなたのウェブサイトにアクセスすると、WordPressは最初にそのコアファイルをロードし、次にすべてのアクティブなプラグインをロードします。
どのようにプラグインをあなたのブログに影響を与えることができますか?
Chaque WordPressのプラグイン さまざまな機能を提供します。 これを行うために、一部のプラグインはバックグラウンドでデータベースを呼び出しますが、他のプラグインは CSS や JavaScript ファイルなどのファイルをフロントエンドにロードします。
ほとんどのプラグインは、スクリプト、CSS、画像などのファイルをロードするHTTPリクエストを作成します。 リクエストごとに、サイトのページ全体の読み込み時間が長くなります。
正しく実行されると、パフォーマンスへの影響が目立つことがよくあります。
したがって、ファイルをアップロードするために非常に多くのhttpリクエストを行う複数のプラグインを使用している場合、サイトのパフォーマンスとユーザーエクスペリエンスに影響します。
WordPressプラグインによってロードされたファイルを確認する方法は?
プラグインがページの読み込み時間にどのように影響するかを確認するには、これらのプラグインによってWordPressに読み込まれたファイルを確認する必要があります。
これを理解するために使用できるツールはたくさんあります。
ブラウザ開発ツールを使用できます(GoogleChromeの「アイテムの検査」).
サイトにアクセスし、右クリックして[ 検査 」。 これにより、開発ツールパネルが開きます。
「ネットワーク」タブをクリックしてから、ウェブサイトをリロードする必要があります。 ロード方法を確認し、ロードするすべてのファイルを確認します。
PingdomやGTmetrixなどのサードパーティツールを使用してこれを確認することもできます。 また、これらのツールを使用すると、ロードされているすべてのファイルと、ロードにかかる時間を確認できます。
いくつのプラグインをインストールする必要がありますか?
これらのさまざまなファイルがロードされているのを見ると、使用する必要があるプラグインプラグインの数が気になり始めますか?
答えは、実際にはWebサイトで使用するプラグインのセットによって異なります。
単一の不良プラグインは12ファイルをロードできますが、いくつかの優れたプラグインはいくつかの追加ファイルを追加するだけです。
適切にコーディングされたプラグインはすべて、アップロードするファイルを最小限に抑えようとします。 ただし、すべてのプラグイン開発者が注意しているわけではありません。 一部のプラグインは、ファイルが必要ない場合でも、すべてのページにファイルをロードします。
これらのプラグインを多く使用すると、サイトのパフォーマンスに影響を与え始めます。
プラグインを管理する方法は?
WordPressサイトで実行できる最も重要なことは、適切にコーディングされ、優れたレビューがあり、信頼できるソースによって推奨されているプラグインのみを使用することです。
あなたが見つけた場合 WordPressのプラグイン サイトの読み込み方法に影響するため、同じ仕事をするより良いプラグインを探してください。
次に、サイトのパフォーマンスと速度をさらに向上させるために、キャッシュとCDNの使用を開始する必要があります。
あなたが考慮しなければならないもう一つの要因はあなたのウェブサイトのホスティングです。 ホスティングサーバーが適切に最適化されていない場合、サイトの応答時間は増加しません。
これは、プラグインだけでなく、サイトの全体的なパフォーマンスが低下することを意味します。 最高のWordPressホスティングのXNUMXつを使用していることを確認してください。
最後の手段として、使用しないプラグインをアンインストールできます。 サイトにインストールされているプラグインを注意深く調べて、それらをアンインストールできるかどうかを確認してください。 ブログの速度に対して機能を妥協する必要があるため、これは理想的なソリューションではありません。
WordPressでスタイルシートプラグインを無効にする
まず、登録を解除するスタイルシートの名前またはハンドルを見つける必要があります。 ツールを使用して見つけることができます " 要素を検査する '。
スタイルシートのハンドルを見つけたら、「 登録解除 このコードをファイルに追加することにより のfunctions.php テーマまたはプラグインのメインファイル。
add_action( 'wp_print_styles'、 'my_deregister_styles' 100)。 my_deregister_styles関数(){wp_deregister_style( 'gdwpm_styles-CSS'); }
この関数では、必要な数のスタイルハンドルを「登録解除」できます。 たとえば、スタイルシートを「登録解除」するプラグインが複数ある場合は、次のように実行できます。
add_action( 'wp_print_styles'、 'my_deregister_styles' 100)。 my_deregister_styles関数(){wp_deregister_style( 'gdwpm_styles-CSS'); wp_deregister_style( 'BFA-素晴らしい-CSSです'); wp_deregister_style( 'いくつかの-他-スタイルシートハンドル'); }
これらのスタイルシートを「登録解除」すると、サイトのプラグインの機能に影響することに注意してください。 削除する各スタイル シートの内容をコピーして、スタイル シートに貼り付ける必要があります。 ワードプレスのテーマ またはカスタム CSS として追加します。
JavaScriptプラグインを無効にする
スタイルシートと同様に、JavaScriptファイルがそれらを「登録解除」するために使用するハンドルを見つける必要があります。 ただし、「」を使用したハンドルは見つかりません。 検査 '。
このためには、プラグインがスクリプトをロードするために使用するハンドルを見つけるために、プラグインファイルをより深く掘り下げる必要があります。
プラグインによって使用されるすべてのハンドルについて調べる別の方法は、このコードをテーマのfunctions.phpファイルに追加することです。
function bpc_display_pluginhandles(){$ wp_scripts = wp_scripts(); $ハンドル名。= " "; foreach($ wp_scripts-> queue as $ handle):$ handlename。= ' '。 $ハンドル。 ' '; endforeach; $ハンドル名。= " "; return $ handlename;} add_shortcode( 'pluginhandles'、 'bpc_display_pluginhandles');
このコードを追加した後、[pluginhandles]ショートコードを使用して、プラグインスクリプトハンドルのリストを表示できます。
スクリプトハンドルができたので、以下のコードを使用して簡単に「登録解除」できます。
add_action( 'wp_print_scripts'、 'my_deregister_javascript' 100)。 my_deregister_javascript関数(){wp_deregister_script( '接触型-7')。 }
このコードを使用して、次のように複数のスクリプトを無効にすることもできます。
add_action( 'wp_print_scripts'、 'my_deregister_javascript' 100)。 my_deregister_javascript関数(){wp_deregister_script( '接触型-7')。 wp_deregister_script( 'gdwpm_lightboxスクリプト'); wp_deregister_script( '別の-プラグインスクリプト'); }
さて、前述したように、これらのスクリプトを無効にすると、プラグインが正しく機能しなくなります。
これを回避するには、JavaScriptコードを結合する必要がありますが、場合によっては正しく動作しないため、何をしているのかを知る必要があります。
このチュートリアルはこれですべてです。プラグインを改善する方法を知っていただければ幸いです。 ご質問がある場合は、お気軽にお問い合わせください。