Ocean WP WordPress テーマに Expires ヘッダーを追加する

公開: 2022-10-17

Ocean WP WordPress テーマに Expires ヘッダーを追加する Ocean WP WordPress テーマは、高速で軽量でカスタマイズ可能なテーマを探している人に最適です。 Ocean WP を非常に高速にする重要な機能の 1 つは、expires ヘッダーの使用です。 Expires ヘッダーは、特定のファイルをキャッシュに保持する期間をブラウザに伝えます。ファイルがキャッシュされている場合、ブラウザーは必要なたびにサーバーからファイルをダウンロードする必要がないため、ページの読み込み時間を短縮できます。 Ocean WP は、画像、CSS、JavaScript ファイルなどのすべての静的ファイルに有効期限ヘッダーを自動的に追加します。 W3 Total Cacheや WP Super Cache などのキャッシュプラグインを使用している場合は、HTML や PHP ファイルなどの動的ファイルに有効期限ヘッダーを追加することもできます。期限切れヘッダーを追加することは、Web サイトを高速化する簡単な方法です。 Ocean WP を使用している場合は、テーマが自動的に処理するため、何もする必要はありません。ただし、キャッシュプラグインを使用している場合は、.htaccess ファイルに数行のコードを追加する必要があります。 .htaccess ファイルに変更を加える前に、必ずバックアップを作成してください。これにより、何か問題が発生した場合でも、バックアップからファイルを復元できます。キャッシュプラグインを使用して有効期限ヘッダーを追加するには、.htaccess ファイルに次のコードを追加する必要があります。すべてのファイルに。「アクセスと 1 年間」の部分は、ファイルをキャッシュに 1 年間保持するようブラウザに指示します。 1 年を他の期間に変更できます。たとえば、ファイルを 6 か月間キャッシュしたい場合は、コードを「access plus 6 months」に変更します。コードを .htaccess ファイルに追加したら、ファイルを保存してサーバーにアップロードします。それだけです！あなたのウェブサイトは、これまで以上に速く読み込まれるはずです。

結果は、YSlow のパフォーマンスに関する推奨事項の結果に影響されます。つまり、GTmetrix などのツールでのパフォーマンスが低下します。 HTTP ヘッダーに有効期限を含めることで、ブラウザーのキャッシュを利用して Web サイトの読み込み速度を最適化できます。この記事では、expires ヘッダーが Web サイトに与える影響とその機能について説明します。 WordPress でブラウザのキャッシュを減らす 1 つの方法は、Expires ヘッダーを使用することです。キャッシュ制御をバックアップとして使用することもできます。両方を使用する場合は、それぞれに同じ時間値が設定されていることを確認してください。 Apache Web サーバーの .htaccess ファイルを使用して、有効期限ヘッダー情報を追加できます。

構成ファイルを編集することで、ホストの Nginx Web サーバーで Expires ヘッダーを制御できます。さまざまなタイプのファイルの有効期限を調整することができます。ホストがまだキャッシュを実装していない場合、解決策はキャッシュプラグインを使用することです。期限切れヘッダーの HTTP ヘッダーをテストする場合は、ターミナルでサイトの静的アセットに対して curl リクエストを行い、それらを直接検査できます。任意の速度テストツール (GTmetrix など) を使用して Web サイトを実行し、ヘッダーの追加メッセージがまだ表示されるかどうかを確認できます。有効な有効期限ヘッダーを使用すると、WordPress サイトでさまざまな種類のファイルを閲覧するときのブラウザーの動作を制御できます。期限切れヘッダーを使用しない場合、一部の速度テストツールはサイトのスコアを下げます。これは、WordPress.org の無料の Optimize My Google Fonts (OMGF) プラグインを使用して実現できます。有効期限とキャッシュ制御の両方を同時に使用したい場合は、同じことを行うことができます。

期限切れのヘッダーを追加する必要がありますか?

それにもかかわらず、Expires ヘッダーは、ほとんどの Web サイトが必要とするすべてを引き続き提供するため、ブラウザーキャッシングの優れた選択肢となっています。ほとんどの場合、キャッシュ制御ヘッダーが優先されますが、両方を使用することもできます。両方を使用する場合は、時刻設定がそれぞれ同じであることを確認してください。

サイトの速度が検索ランキングに与える影響に関する Google の発表に照らして、expires ヘッダーを設定してブラウザのキャッシュを制御する利点について、ここ数か月で多くの記事が書かれています。ブラウザーの Expires ヘッダーは、Web サイトのリソースをソースから要求する必要があるかどうか、またはブラウザーのキャッシュから取得できるかどうかを示します。不要なリクエストを受信しないように、Expires ヘッダーを構成することが重要です。リクエストが不適切であることをどのように判断しますか? 期限切れヘッダーを実装する前に、次の要因を考慮する必要があります。あなたの日常生活の中で更新されることを期待しているリソースはどれですか? サイトは e コマースサイトですか？

有効期限ヘッダーが空白のままになっていると、e コマースサイトは深刻な問題に陥る可能性があります。リソースがそれよりも頻繁に変更された場合、フィンガープリントを使用してリソースの有効期限を判別できます。すべてのサイトには、さまざまなニーズ、要件、および必要な機能があります。実際、サイト上のすべてのリソースにキャッシュストレージが必要なわけではありません。画像やスクリプトなど、Web サイトの速度低下の原因となるリソースに集中してください。

Expires ヘッダーをサイトに追加する方法

有効期限ヘッダーとして、.htaccess ファイルに次の行を追加できます。
このオファーは、2020 年 9 月 16 日月曜日の午後 11 時 59 分に期限切れになります。もう 1 つのオプションは、WP Super Cache などのプラグインを使用して、expires ヘッダーを追加することです。

Expire ヘッダーとは

期限切れヘッダーは、キャッシュされた要求を受信できるかどうか、またはキャッシュ内のページオプションが古くなっているためにサーバーにアクセスする必要があるかどうかを示す HTTP ヘッダーです。このヘッダーには、ブラウザのキャッシュでページが利用可能になった時点でのページの日付と時刻が含まれています。

2010 年に、Google は速度に基づいてページのランク付けを開始しました。読み込み速度に加えて、モバイルページの読み込み速度は近年重要な要素になっています。 Google の調査によると、ユーザーが 5 秒間待機した後にサイトを離れる可能性は、3 秒間待機した後にユーザーがサイトを離れる可能性よりも 3 倍高くなります。ページとコンテンツ要素が頻繁に更新されるか、近い将来更新される場合は、expires ヘッダーを使用して有効期限を指定できます。期限切れのタグは、キャッシュ内の画像を保存できる期間を制限するために使用できるため、特に重要です。キャッシュは個々のページのダウンロード速度に影響を与える可能性があるため、このテクノロジを時々使用することをお勧めします。映画祭のウェブサイトの情報が利用可能になると、それは将来的にも関連性があります.

有効期限ヘッダーは、チケット、プログラム、参加者などを含むページに適用でき、間隔は関連する日付まで固定する必要があります。ユーザーがサイトにアクセスした後、コンテンツの終了日がサイトの終了日にリンクされている限り、コンテンツはユーザーのキャッシュから自動的に読み込まれます。期限切れヘッダーの使用は、SEO の目的だけでなく、UX の理由からも有益です。プラグインを使用した設定は簡単ですが、 Expires ヘッダーのバリエーションを手動で変更すると時間がかかる場合があります。コンテンツが動的でない場合、HTML ヘッダーを追加しても意味がありません。

HTTP 有効期限ヘッダー

オブジェクトのキャッシュがプロキシまたはゲートウェイによって拡張されると、 HTTP Expires ヘッダーを使用して、オブジェクトがアクティブである期間が決定されます。ヘッダーは GMT に設定され、日付と時刻の 2 つの部分に分かれています。 4 桁の各数字は、年、月、日、および時間を 10 進数で表します。時間を 10 進形式で表す時刻は、2 桁で表されます。

ExpiresヘッダーをWordPressに追加する方法

WordPress サイトに有効期限ヘッダーを追加することは、サイトのパフォーマンスを向上させ、サーバーの負荷を軽減する優れた方法です。これを行うにはいくつかの方法がありますが、WP HTTP ヘッダープラグインを使用することをお勧めします。このプラグインは、必要なヘッダーをサイトに自動的に追加します。

Web サイトのキャッシュは、セッション終了時のヘッダーに大きく関連しています。 キャッシュボタンを使用して、ブラウザーでの以前の要求でページを読み込むために使用されたファイルを記憶します。期限切れヘッダーを使用して、サーバーへの HTTP 要求の数を減らし、読み込み時間を短縮できます。

Expires ヘッダーを追加する Nginx

有効期限ヘッダーを nginx に追加することは、Web サーバーに特定の種類のファイルを一定期間キャッシュするように指示する方法です。これにより、ユーザーが要求するたびに Web サーバーがオリジンサーバーからこれらのファイルを取得する必要がなくなるため、Web サイトのパフォーマンスを向上させることができます。有効期限ヘッダーを nginx に追加するには、サーバーの構成ファイルを編集する必要があります。

nginx 構成にヘッダーを入力します。ブラウザの表示には、サーバーからファイルをフェッチする必要があるかどうか、またはメモリまたはディスクを使用してファイルをリロードできるかどうかが表示されます。サイトへの最初の訪問は、これらのヘッダーに影響を与えません。したがって、ユーザーのブラウザが依然として多数の HTTP リクエストを作成する必要があるという事実にもかかわらず、このメソッドのおかげで、後続のページをより短い時間でレンダリングできます。最新の Linux サーバーは、「ngxinit」コマンドを使用して再起動できます。通常、/etc/nginx フォルダーには /etc/nginx/sites-enabled という名前のフォルダーがあります。私の例で述べたように、/://www.example.com/cache-control.max-age=900 を編集して、すべての画像が指定された期間キャッシュされるようにしています。 キャッシュ期間内に画像が変更されることはめったにないため、必要に応じて、たとえば 6 か月または 1 年など、さらに長く設定することをお勧めします。

Nginxでヘッダーを追加するとは何ですか?

Nginx add_header ディレクティブを使用して、200、201、204、206、301、302、303、304、または 307 に等しいすべての応答コードの任意の応答ヘッダーと値を指定できます。これは、nginx を使用して定義できます。

Nginx で Referrer-policy ヘッダーを追加する方法

nginx Web サーバーのデフォルト構成ファイルで次の行を使用して、nginx のデフォルト構成ファイルに Referrer-Policy ヘッダーを挿入してください: *br>. 次のフィールドに入力する必要があります: add_header リファラーポリシー: 発信元の制限。
その後、Nginx サービスを再起動して変更を適用します。
nginx サービスを再起動します

Siteground Add Expires ヘッダー

サイトに有効期限ヘッダーを追加する場合は、SiteGround アカウントに移動してから、[ツール] セクションに移動します。そこから、「Expire Headers」ツールが見つかります。このツールを使用すると、Expires ヘッダーをサイトに追加し、アクティブな期間を制御できます。

Siteground：幅広い機能を備えた長年のプロバイダーですが、ウェブサイトの速度が問題です

SiteGround はかなり前から存在しており、業界最大の Web ホスティングプロバイダーの 1 つです。幅広いホスティングプランに加えて、幅広いツールと機能を提供します. GroundGround の弱点には、Web サイトの速度の最も重要な側面の 1 つが含まれます。ユーザーにとって、SiteGround はウェブサイトの速度に問題があることが知られており、非常にイライラする可能性があります. SiteGround の CDN は 14 の PoP しか採用していないため、新しい CDN のパフォーマンスと競合することはできません. さらに、SiteGround には遅い TTFB の実績があり、事態をさらに悪化させています。その結果、SiteGround の CDN は、うまく機能していても遅くなる可能性があります。トラフィック管理は、SiteGround の主要な問題です。この問題に対処するには、いくつかのオプションがあります。最初のステップは、SiteGround のオプティマイザーを使用することです。便利ではありますが、Web サイトにはまだ時間がかかる場合があります。 2 番目のオプションを使用して、Web サイトの速度を低下させている問題を手動で修正することもできます。たとえば、SiteGround のスピードツールを使用してこれを達成したり、htaccess ファイルを使用したりできます。必要な変更を行った後、サイトツール – 速度 – キャッシュ – 動的キャッシュから動的キャッシュをもう一度削除する必要があります。キャッシュが動作していることを確認します。