WPで静的リソースからクエリ文字列を削除する

あなたはこれまでに自分のウェブサイトで速度テストを実行し、静的リソースからクエリ文字列を削除するように推奨されたことはありませんか?

クエリ文字列とは、URLの末尾に追加されるパラメータでリソースの挙動に影響を与えるもので、キャッシュの問題を引き起こしてウェブサイトを遅くする可能性があります。このガイドでは、静的リソースからクエリ文字列を削除し、ウェブサイトのパフォーマンスを向上させる方法を説明します。

なぜクエリ文字列を削除するのか?

クエリ文字列の削除方法に入る前に、なぜそれが推奨されるのかを理解することが重要です。画像、CSSファイル、JavaScriptファイルなどの静的リソースのURLでクエリ文字列が使用されると、キャッシュの問題を引き起こすことがあります。

クエリ文字列が変更されると、ブラウザはそのリソースを新しいものとして扱い、すでにキャッシュされていても再度ダウンロードします。これによりウェブサイトの速度が低下し、訪問者の読み込み時間が長くなる可能性があります。

「WPの静的リソースのクエリ文字列」を修正するトップ5の方法

Contents

なぜクエリ文字列を削除するのか?
「WPの静的リソースのクエリ文字列**」**を修正するトップ5の方法
まとめ
関連記事:

方法1: functions.phpファイルを使ってクエリ文字列を削除する

以下の手順に従ってウェブサイトのコードを変更します:

WordPressテーマのfunctions.phpファイルをテキストエディタで開きます。
ファイルの末尾に次のコードスニペットを追加します:

PHP

function remove_query_strings() {
if (!is_admin()) {
add_filter('script_loader_src', 'remove_query_strings_split', 15);
add_filter('style_loader_src', 'remove_query_strings_split', 15);
}
}

function remove_query_strings_split($src){
$output = preg_split("/(&ver|?ver)/", $src);
return $output[0];
}

add_action('init', 'remove_query_strings');

ファイルを更新します。
変更を有効にするためにウェブサイトのキャッシュをクリアします。

ドメイン名を見つけて、ゴミ箱アイコンをクリックします

すべてのリソースが正しく読み込まれ、エラーがないことを確認するためにウェブサイトをテストします。

このコードはウェブサイトのJavaScriptファイルとCSSファイルからクエリ文字列を削除します。他の種類のファイルからクエリ文字列を削除したい場合は、コードを適宜変更できます。

テーマのfunctions.phpファイルを変更することは高度な手法であり、誤って行うと意図しない結果をもたらす可能性があることに注意してください。いつものように、コードに変更を加える前にウェブサイトのバックアップを取ってください。

🔥WP STAGINGを使ってバックアップとステージング環境を効率的に管理しよう。

方法2: WordPressプラグインを使って簡単にクエリ文字列を削除する

WordPressダッシュボードにログインし、プラグインセクションに移動します。

「新規追加」をクリックし、プラグイン「Remove Query Strings From Static Resources」を検索します。

プラグインをインストールして有効化します。

プラグインが有効化されると、CSSファイルやJavaScriptファイルを含むウェブサイト上のすべての静的リソースからクエリ文字列が自動的に削除されます。

すべてのリソースが正しく読み込まれ、エラーがないことを確認するためにウェブサイトをテストします。

プラグインを使うことは静的リソースからクエリ文字列を削除する簡単で便利な方法であることに注意してください。それでも、ウェブサイトの安全とセキュリティを確保するため、信頼できる評判の良いソースのプラグインを使用することを常にお勧めします。

加えて、変更を加えた後はすべてが正しく動作することを確認するため、ウェブサイトを徹底的にテストすることが重要です。

方法3: CDN最適化でクエリ文字列を削除する

コンテンツデリバリーネットワーク(CDN)を使って静的リソースからクエリ文字列を削除するには、次の手順に従います:

CDNプロバイダーのダッシュボードにログインし、ウェブサイトの設定に移動します。
静的リソースからクエリ文字列を削除するオプション、またはキャッシュ設定を変更するオプションを探します。
CDNプロバイダーがクエリ文字列を削除するオプションを提供している場合は、それを有効化して変更を保存します。
CDNプロバイダーがこのオプションを提供していない場合は、同じ結果を得るためにキャッシュ設定を変更できます。静的リソースのキャッシュ有効期限またはTTL(Time to Live)を設定するオプションを探します。
ウェブサイトに適した値にキャッシュ有効期限を設定します。これにより、キャッシュされたバージョンの静的リソースが有効期限まで使用され、その後CDNはクエリ文字列のない新しいファイルバージョンを取得します。
すべてのリソースが正しく読み込まれ、エラーがないことを確認するためにウェブサイトをテストします。

すべてのCDNプロバイダーが静的リソースからクエリ文字列を削除するオプションを提供しているわけではなく、キャッシュ設定の変更は誤って行うと意図しない結果をもたらす可能性があります。

CDNの設定に変更を加える前には必ずウェブサイトのバックアップを作成し、質問や懸念がある場合はCDNプロバイダーのサポートチームに相談してください。

WP STAGINGで安全なステージングサイトを作成し、ウェブサイトを保護しよう。今すぐ試して違いを実感してください!

方法4: キャッシュプラグインでWordPressサイトを最適化する

WordPressダッシュボードにログインし、プラグインセクションに移動します。

「新規追加」をクリックし、Speed Booster Packなどクエリ文字列の削除に対応するキャッシュプラグインを検索します。

キャッシュプラグインをインストールして有効化します。

キャッシュプラグインの設定ページに移動し、静的リソースからクエリ文字列を削除するオプションを探します。
クエリ文字列を削除するオプションを有効化して変更を保存します。

Speed Booster Packの設定、静的リソースからクエリ文字列を削除する

すべてのリソースが正しく読み込まれ、エラーがないことを確認するためにウェブサイトをテストします。

すべてのキャッシュプラグインが静的リソースからクエリ文字列を削除するオプションを提供しているわけではなく、一部のプラグインではこのオプションに異なる名前が付けられている場合があることに注意してください。さらに、キャッシュプラグインを使用するとウェブサイトを大幅に高速化できます。それでも、ウェブサイトの安全とセキュリティを確保するため、信頼できる評判の良いソースのプラグインを使用することが重要です。変更を加えた後は常にウェブサイトを徹底的にテストし、すべてが正しく動作することを確認してください。

方法5: .htaccessでクエリ文字列を削除する

サーバー設定を使って静的リソースからクエリ文字列を削除するには、次の手順に従います:

SSHまたはFTPクライアントを使ってサーバーにログインします。

.htaccessやnginx.confなどサーバーの設定ファイルを見つけてダウンロードします。

設定ファイルをテキストエディタで開きます。

JavaScriptやCSSファイルなど静的リソースを処理するファイルのセクションを探します。
静的リソースを処理するセクションに次のコードを追加します:

.htaccessを使用するApacheサーバーの場合:

PHP

<FilesMatch ".(js|css)$">
  RewriteEngine On
  RewriteRule ^(.+).(.+).(js|css)$ $1.$3 [L]
</FilesMatch>

nginx.confを使用するNginxサーバーの場合:

PHP

location ~* ^.+.(css|js)$ {
  if ($request_uri ~ "^.+.(.+).(js|css)$") {
    set $clean_uri $1.$2;
    rewrite ^.*$ $uri$clean_uri last;
  }
}

設定ファイルの変更を保存し、サーバーにアップロードします。
すべてのリソースが正しく読み込まれ、エラーがないことを確認するためにウェブサイトをテストします。

サーバー設定ファイルの変更は誤って行うと意図しない結果をもたらす可能性があるため、変更を加える前には必ずウェブサイトと設定ファイルのバックアップを作成することをお勧めします。

加えて、サーバーが異なれば設定ファイルや構文も異なる場合があります。質問や懸念がある場合はサーバー管理者やサポートチームに相談してください。

まとめ

ウェブサイトのパフォーマンスを最適化することは非常に重要であり、静的リソースからクエリ文字列を削除することはそれを実現する一つの方法です。これを行うにはコード、プラグイン、CDN、キャッシュプラグイン、またはサーバー設定を使用できます。ただし、変更を加える前に信頼できるバックアップソリューションを持つことが不可欠です。

WP StagingはWordPress向けの優れたバックアッププラグインで、ライブサイトに影響を与えることなく変更をテストするためのステージングコピーを作成できます。WP Stagingを使えば、数回のクリックでバックアップ、復元、変更の展開が簡単にでき、ウェブサイトの安全性と最適化を確保できます。今すぐ無料で試す