サーバ 設定

サーバ 最適化

ページ速度を速くするためにサーバーをセットアップします。

サーバーはウェブサイトのバックボーンです

サーバーの設定を見落とさないでください

あなたのことを確認してください サーバーは速い

正しいサーバー設定を取得する より速いページ速度スコアの達成 これはシンプルですが、可能な限り最高のスコアを達成するための重要なステップです。サーバーをセットアップまたは購入する際には、考慮すべき重要な手順がいくつかあります。このガイドの残りの部分と同様に、これを行う必要がある理由について、混乱を招く技術的な理由をすべて説明するのではなく、注意すべき点と正しく設定する方法の概要を説明します。

状況を整えるには、安価な(または Godaddy や Rackspace が提供するような共有ホスティング)ことは適切な方法ではありません。このタイプのホスティングでは、共有するリソースが多すぎるため、最初のバイトまでの時間 (TTFB) が大幅に遅延します。 PHP ワーカーを共有すると、リソースを共有している別の Web サイトがビジー状態になると、深刻な「ハング」が発生する可能性があります。

したがって、独自の環境を持つホスティングを使用する必要があります。グローバル Web サイトをお持ちの場合は、Cloudfare も必須です。これは、Web サイト上のメディアや大きなファイルを世界中の何百ものサーバーに複製するだけです。 Cloudflareセットアップの応答時間により、他のサーバーセットアップ/CDNよりも速くデータをWebサイトからエンドグローバルユーザーに転送できます。

ただし、ローカル企業の場合は、CDN をまったく使用しないでください。 実際にウェブサイトの速度が遅くなります サプライチェーンに別のサーバーを導入することで、ローカルのターゲット市場に対応します。

サーバ 最適化

ページ速度を速くするためにサーバーをセットアップします。

サーバーはウェブサイトのバックボーンです

サーバーの設定を見落とさないでください

あなたのことを確認してください サーバーは速い

より速いページ速度スコアを達成するために正しいサーバー設定を取得することは、可能な限り最高のスコアを達成するためのシンプルですが重要なステップです。サーバーをセットアップまたは購入する際には、考慮すべき重要な手順がいくつかあります。このガイドの残りの部分と同様に、これを行う必要がある理由について、混乱を招く技術的な理由をすべて説明するのではなく、注意すべき点と正しく設定する方法の概要を説明します。

状況を整えるには、安価な(または Godaddy や Rackspace が提供するような共有ホスティング)ことは適切な方法ではありません。このタイプのホスティングでは、共有するリソースが多すぎるため、最初のバイトまでの時間 (TTFB) が大幅に遅延します。 PHP ワーカーを共有すると、リソースを共有している別の Web サイトがビジー状態になると、深刻な「ハング」が発生する可能性があります。

したがって、独自の環境を持つホスティングを使用する必要があります。クラウドフェアも必須です。これは、Web サイト上のメディアや大きなファイルを世界中の何百ものサーバーに複製するだけです。 Cloudflareセットアップの応答時間により、他のサーバーセットアップ/CDNよりも速くデータをWebサイトからエンドグローバルユーザーに転送できます。

ただし、ローカル企業の場合は、CDN をまったく使用しないでください。 実際にウェブサイトの速度が遅くなります サプライチェーンに別のサーバーを導入することで、ローカルのターゲット市場に対応します。

サーバーを正しくセットアップすることは簡単ですが、高速化を達成するためには重要なステップです。

サーバーをセットアップする際には、考慮すべき重要な手順がいくつかあります。

ページ速度を速くするためにサーバーをセットアップします。

このガイドの残りの部分と同様に、これを行う必要がある理由について、混乱を招く技術的な理由をすべて説明するのではなく、注意すべき点と正しく設定する方法の概要を説明します。

状況を整えるには、安価な(または Godaddy や Rackspace が提供するような共有ホスティング)ことは適切な方法ではありません。

このタイプのホスティングでは、共有するリソースが多すぎるため、最初のバイトまでの時間 (TTFB) が大幅に遅延します。

PHP ワーカーを共有すると、リソースを共有している別の Web サイトがビジー状態になると、深刻な「ハング」が発生する可能性があります。

サーバーの推奨事項と セットアップガイド

サーバーの改善 パフォーマンス

顧客の近くでホストする

Web サイトを顧客の近くでホスティングすることは重要であり、その背後にある理論は CDN の仕組みと非常によく似ています。これは、地元の顧客にサービスを提供する Web サイトを持っている場合に特に当てはまります。

なぜそうなるのか これ 重要?

あなたのビジネスがロンドンにあると想像してください。あなたは、Web サイトを訪問する地元の顧客にサービスを提供します。ここで、あなたの Web サイトがニューヨークでホストされていると想像してください。顧客は携帯電話またはコンピュータを使用しており、リンクをクリックします。そのクリックは、画面に表示されるためにはるばるニューヨークまで移動してデータを取得し、再びロンドンまで戻ってくる必要があります。ロンドンのサーバー上でローカルにホストするだけではどうでしょうか?

これにより、長い移動にかかるデータが節約されるだけでなく、顧客の待ち時間が短縮され、ターゲット ユーザーにとってサイトの応答性が向上します。これにより TTFB が大幅に改善され、顧客がこれを目にするだけでなく、ローカルの Google アルゴリズムもそれを測定し、ローカル ウェブ ランキングを向上させます。

おすすめのウェブホストはありますか?

膨大なホスティングのレビューには立ち入りませんが、私の推奨事項だけを述べます。たくさんあります ウェブホスティング レビューはたくさんありますが、パフォーマンスと柔軟性の点で推奨する 2 つのホストに絞り込みます。

まずはキンスタ。予算が問題にならない場合(月に $30 です)、 頑張れ。 Nginxベースです。このページにあるものはすべてすでにセットアップされており (さらにその他のものも)、これは間違いなく最速の Web ホストです。それだけでなく、AWS / Google Cloud アーキテクチャに基づいており、Cloudflare が組み込まれています。セットアップに面倒な作業はなく、箱から出してすぐに使用することができます。

のサーバーを見てください。 Kinstaウェブサイト。あなたは最高を達成するでしょう ページ速度 Kinsta WordPress ホスティングを使用してスコアとウェブサイトの応答時間を測定し、ニーズに合わせて多数の国の中からウェブサイトをホストすることを選択できます。

cPanel を備えた安価なホストを希望する場合の 2 番目のオプションは、 A2 ホスティング。米国のサーバーであるため、米国を拠点とする Web サイトに最適です。

ターボホスティングを利用する限り、良い結果が得られます ページスピードスコア。ホスティングは非常に安いですが、一度だけ、これは通常のより安いホスティングではないことをお勧めします。ここではKinstaよりもできることが少しありますが、この価格で驚くべきCloudflareが含まれています。

ご覧いただけます。 A2ターボパッケージ このページで。

圧縮を有効にする

Web サーバーで GZIP 圧縮を有効にする必要があります。これにより、ファイルが 85% も圧縮され、Web サイトの読み込み時間を数秒短縮できます。これは、現時点で最大の即時ページ速度ブースターの 1 つです。

どうすればいいですか 有効にする 圧縮?

ほとんどのホストではこれがデフォルトで有効になっていますが、確認してください ここ ドメイン名を入力してください。有効になっていない場合は、.htaccess ファイルの先頭に次のコードを追加します。


AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE テキスト/CSS
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE テキスト/プレーン
AddOutputFilterByType DEFLATE 画像/x アイコン
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE アプリケーション/JavaScript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE アプリケーション/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE アプリケーション/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE フォント/otf
AddOutputFilterByType DEFLATE フォント/オープンタイプ
# 圧縮を処理できない古いブラウザ用
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

有効にしたら、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス.

効率的なキャッシュポリシーを設定する

ブラウザーがページの静的リソースをキャッシュすると、これらのリソースのローカル コピーがキャッシュに保存されるため、ファイルの取得が大幅に高速化されます。

これはキャッシュ ポリシーとして知られており、各ファイル タイプを保存する期間をブラウザーに指示するだけです。

より長いキャッシュ ポリシーは、これらのファイルをより長期間 (1 年など) 保持するようにブラウザに指示します。これは、ロゴ画像やページフォントなど、頻繁に変更される可能性が低いリソースにとって重要です。短いキャッシュ ポリシーは、CSS ファイルや JavaScript ファイルなど、頻繁に変更されるリソースに最適です。

どうすればいいですか マイキャッシュを設定する ポリシー?

上記の手順と似ています。 Apache (cPanel) サーバーを使用しているか、NGINX サーバーを使用しているかに応じて、次のコードを .htaccess ファイルに挿入するだけですべてが設定されます。

キャッシュ ポリシーを設定するプラグインは必要ありません。

アパッチ


有効期限切れアクティブ日
#画像
ExpiresByType 画像/jpeg 「アクセスプラス 1 年」
ExpiresByType 画像/GIF「アクセスプラス 1 年」
ExpiresByType image/png 「アクセスプラス 1 年」
ExpiresByType 画像/WebP「アクセスプラス 1 年」
ExpiresByType image/svg+xml 「アクセスプラス 1 年」
ExpiresByType 画像/x アイコン「アクセスプラス 1 年」
#ビデオ
ExpiresByType ビデオ/WebM「アクセスプラス 1 年」
ExpiresByType ビデオ/mp4「アクセスプラス 1 年」
ExpiresByType ビデオ/MPEG「アクセスプラス 1 年」
# フォント
ExpiresByType font/ttf 「アクセスプラス 1 年」
ExpiresByType フォント/otf「アクセスプラス 1 年」
ExpiresByType font/woff「アクセスプラス 1 年」
ExpiresByType font/woff2 「アクセスプラス 1 年」
ExpiresByType application/font-woff 「アクセスプラス 1 年」
# CSS、JavaScript
ExpiresByType テキスト/CSS「アクセスプラス 1 年」
ExpiresByType テキスト/JavaScript「アクセスプラス 1 年」
ExpiresByType アプリケーション/JavaScript「アクセスプラス 1 年」
# その他
ExpiresByType アプリケーション/PDF「アクセスプラス 1 年」
ExpiresByType image/vnd.microsoft.icon 「アクセスプラス 1 年」

Nginx

通常、Nginx サーバーはこのために設定されていますが、そうでない場合は、次のスニペットをサーバー ブロックに追加します。通常、これを次の場所で行う必要があります。

/etc/nginx/site-enabled/default

場所 ~* \.(jpg|jpeg|gif|png)$ {
有効期限は 365 日です。
}
場所 ~* \.(pdf|css|html|js|swf)$ {
有効期限は 30 日です。
}

もう一度、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス。すべてが計画どおりに進んでいる場合は、キャッシュがすべて設定されているはずです。

それで全部ですか?

今のところ心配する必要があるのはそれだけです。 .htaccess ファイルへの追加の書き込みがいくつかありますが、これはプロセスの進行中にいくつかのプラグインによって行われます。

どうですか クラウドフレア?

A2 や Kinsta などの一部のホストでは、すべての設定が自動的に行われます。ボックスにチェックを入れるだけで開始できます。

ホストに自動統合がない場合、Cloudflare には自動統合機能があります。 優れた統合ガイド あなたは読むことができます。毎日のユーザーには、自動統合を備えたホストをお勧めします。

サーバーのセットアップが完了しました!

ステップ 2: プラグインをインストールする

核心に迫る時間です

サーバーの改善 パフォーマンス

顧客の近くでホストする

Web サイトを顧客の近くでホスティングすることは重要であり、その背後にある理論は CDN の仕組みと非常によく似ています。これは、地元の顧客にサービスを提供する Web サイトを持っている場合に特に当てはまります。

なぜそうなるのか これ 重要?

あなたのビジネスがロンドンにあると想像してください。あなたは、Web サイトを訪問する地元の顧客にサービスを提供します。ここで、あなたの Web サイトがニューヨークでホストされていると想像してください。顧客は携帯電話またはコンピュータを使用しており、リンクをクリックします。そのクリックは、画面に表示されるためにはるばるニューヨークまで移動してデータを取得し、再びロンドンまで戻ってくる必要があります。ロンドンのサーバー上でローカルにホストするだけではどうでしょうか?

これにより、長い移動にかかるデータが節約されるだけでなく、顧客の待ち時間が短縮され、ターゲット ユーザーにとってサイトの応答性が向上します。これにより TTFB が大幅に改善され、顧客がこれを目にするだけでなく、ローカルの Google アルゴリズムもそれを測定し、ローカル ウェブ ランキングを向上させます。

おすすめのウェブホストはありますか?

膨大なホスティングのレビューには立ち入りませんが、私の推奨事項だけを述べます。ウェブホスティングのレビューはたくさんありますが、パフォーマンスと柔軟性の点でおすすめのホストを 2 つに絞り込みます。

まずはキンスタ。予算が問題にならない場合(月に $30 です)、 頑張れ。 Nginxベースです。このページにあるものはすべてすでにセットアップされており (さらにその他のものも)、これは間違いなく最速の Web ホストです。それだけでなく、AWS / Google Cloud アーキテクチャに基づいており、Cloudflare が組み込まれています。セットアップに面倒な作業はなく、箱から出してすぐに使用することができます。

のサーバーを見てください。 Kinstaウェブサイト。最高のページ速度スコアを達成し、 Kinsta WordPress を使用したウェブサイトの応答時間 ホスティングを利用すると、ニーズに合わせて多数の国の中から Web サイトをホスティングすることができます。

cPanel を備えた安価なホストを希望する場合の 2 番目のオプションは、 A2 ホスティング。米国のサーバーであるため、米国を拠点とする Web サイトに最適です。

ターボ ホスティングを使用している限り、良好なページ速度スコアが得られます。ホスティングは非常に安いですが、一度だけ、これは通常のより安いホスティングではないことをお勧めします。ここではKinstaよりもできることが少しありますが、この価格で驚くべきCloudflareが含まれています。

ご覧いただけます。 A2ターボパッケージ このページで。

圧縮を有効にする

Web サーバーで GZIP 圧縮を有効にする必要があります。これにより、ファイルが 85% も圧縮され、Web サイトの読み込み時間を数秒短縮できます。これは、現時点で最大の即時ページ速度ブースターの 1 つです。

どうすればいいですか 有効にする 圧縮?

ほとんどのホストではこれがデフォルトで有効になっていますが、確認してください ここ ドメイン名を入力してください。有効になっていない場合は、.htaccess ファイルの先頭に次のコードを追加します。


AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE テキスト/CSS
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE テキスト/プレーン
AddOutputFilterByType DEFLATE 画像/x アイコン
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE アプリケーション/JavaScript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE アプリケーション/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE アプリケーション/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE フォント/otf
AddOutputFilterByType DEFLATE フォント/オープンタイプ
# 圧縮を処理できない古いブラウザ用
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

有効にしたら、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス.

効率的なキャッシュポリシーを設定する

ブラウザーがページの静的リソースをキャッシュすると、これらのリソースのローカル コピーがキャッシュに保存されるため、ファイルの取得が大幅に高速化されます。

これはキャッシュ ポリシーとして知られており、各ファイル タイプを保存する期間をブラウザーに指示するだけです。

より長いキャッシュ ポリシーは、これらのファイルをより長期間 (1 年など) 保持するようにブラウザに指示します。これは、ロゴ画像やページフォントなど、頻繁に変更される可能性が低いリソースにとって重要です。短いキャッシュ ポリシーは、CSS ファイルや JavaScript ファイルなど、頻繁に変更されるリソースに最適です。

どうすればいいですか マイキャッシュを設定する ポリシー?

上記の手順と似ています。 Apache (cPanel) サーバーを使用しているか、NGINX サーバーを使用しているかに応じて、次のコードを .htaccess ファイルに挿入するだけですべてが設定されます。

キャッシュ ポリシーを設定するプラグインは必要ありません。

アパッチ


有効期限切れアクティブ日
#画像
ExpiresByType 画像/jpeg 「アクセスプラス 1 年」
ExpiresByType 画像/GIF「アクセスプラス 1 年」
ExpiresByType image/png 「アクセスプラス 1 年」
ExpiresByType 画像/WebP「アクセスプラス 1 年」
ExpiresByType image/svg+xml 「アクセスプラス 1 年」
ExpiresByType 画像/x アイコン「アクセスプラス 1 年」
#ビデオ
ExpiresByType ビデオ/WebM「アクセスプラス 1 年」
ExpiresByType ビデオ/mp4「アクセスプラス 1 年」
ExpiresByType ビデオ/MPEG「アクセスプラス 1 年」
# フォント
ExpiresByType font/ttf 「アクセスプラス 1 年」
ExpiresByType フォント/otf「アクセスプラス 1 年」
ExpiresByType font/woff「アクセスプラス 1 年」
ExpiresByType font/woff2 「アクセスプラス 1 年」
ExpiresByType application/font-woff 「アクセスプラス 1 年」
# CSS、JavaScript
ExpiresByType テキスト/CSS「アクセスプラス 1 年」
ExpiresByType テキスト/JavaScript「アクセスプラス 1 年」
ExpiresByType アプリケーション/JavaScript「アクセスプラス 1 年」
# その他
ExpiresByType アプリケーション/PDF「アクセスプラス 1 年」
ExpiresByType image/vnd.microsoft.icon 「アクセスプラス 1 年」

Nginx

通常、Nginx サーバーはこのために設定されていますが、そうでない場合は、次のスニペットをサーバー ブロックに追加します。通常、これを次の場所で行う必要があります。

/etc/nginx/site-enabled/default

場所 ~* \.(jpg|jpeg|gif|png)$ {
有効期限は 365 日です。
}
場所 ~* \.(pdf|css|html|js|swf)$ {
有効期限は 30 日です。
}

もう一度、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス。すべてが計画どおりに進んでいる場合は、キャッシュがすべて設定されているはずです。

それで全部ですか?

今のところ心配する必要があるのはそれだけです。 .htaccess ファイルへの追加の書き込みがいくつかありますが、これはプロセスの進行中にいくつかのプラグインによって行われます。

どうですか クラウドフレア?

A2 や Kinsta などの一部のホストでは、すべての設定が自動的に行われます。ボックスにチェックを入れるだけで開始できます。

ホストに自動統合がない場合、Cloudflare には自動統合機能があります。 優れた統合ガイド あなたは読むことができます。毎日のユーザーには、自動統合を備えたホストをお勧めします。

サーバーのセットアップが完了しました!

ステップ 2: プラグインをインストールする

核心に迫る時間です

サーバー 説明済み

家の近くのホスト

Web サイトを顧客の近くでホスティングすることは重要であり、その背後にある理論は CDN の仕組みと非常によく似ています。これは、地元の顧客にサービスを提供する Web サイトを持っている場合に特に当てはまります。

なぜそうなるのか これ 重要?

あなたのビジネスがロンドンにあると想像してください。あなたは、Web サイトを訪問する地元の顧客にサービスを提供します。ここで、あなたの Web サイトがニューヨークでホストされていると想像してください。顧客は携帯電話またはコンピュータを使用しており、リンクをクリックします。そのクリックは、画面に表示されるためにはるばるニューヨークまで移動してデータを取得し、再びロンドンまで戻ってくる必要があります。ロンドンのサーバー上でローカルにホストするだけではどうでしょうか?

これにより、長い移動にかかるデータが節約されるだけでなく、顧客の待ち時間が短縮され、ターゲット ユーザーにとってサイトの応答性が向上します。これにより TTFB が大幅に改善され、顧客がこれを目にするだけでなく、ローカルの Google アルゴリズムもそれを測定し、ローカル ウェブ ランキングを向上させます。

何かお勧めはありますか?

膨大なホスティングのレビューには立ち入りませんが、私の推奨事項だけを述べます。ウェブホスティングのレビューはたくさんありますが、パフォーマンスと柔軟性の点でおすすめのホストを 2 つに絞り込みます。

まずはキンスタ。予算が問題にならない場合(月に $30 です)、 頑張れ。 Nginxベースです。このページにあるものはすべてすでにセットアップされており (さらにその他のものも)、これは間違いなく最速の Web ホストです。それだけでなく、AWS / Google Cloud アーキテクチャに基づいており、Cloudflare が組み込まれています。セットアップに面倒な作業はなく、箱から出してすぐに使用することができます。

のサーバーを見てください。 Kinstaウェブサイト。次を使用すると、最高のページ速度スコアと Web サイトの応答時間を達成できます。 Kinsta WordPress ホスティング また、ニーズに合わせて、多数の国の中から Web サイトをホストする国を選択できます。

cPanel を備えた安価なホストを希望する場合の 2 番目のオプションは、 A2 ホスティング。米国のサーバーであるため、米国を拠点とする Web サイトに最適です。

ターボ ホスティングを使用している限り、良好なページ速度スコアが得られます。ホスティングは非常に安いですが、一度だけ、これは通常のより安いホスティングではないことをお勧めします。ここではKinstaよりもできることが少しありますが、この価格で驚くべきCloudflareが含まれています。

ご覧いただけます。 A2ターボパッケージ このページで。

圧縮を有効にする

Web サーバーで GZIP 圧縮を有効にする必要があります。これにより、ファイルが 85% も圧縮され、Web サイトの読み込み時間を数秒短縮できます。これは、現時点で最大の即時ページ速度ブースターの 1 つです。

どうすればいいですか 有効にする 圧縮?

ほとんどのホストではこれがデフォルトで有効になっていますが、確認してください ここ ドメイン名を入力してください。有効になっていない場合は、.htaccess ファイルの先頭に次のコードを追加します。


AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE テキスト/CSS
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE テキスト/プレーン
AddOutputFilterByType DEFLATE 画像/x アイコン
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE アプリケーション/JavaScript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE アプリケーション/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE アプリケーション/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE フォント/otf
AddOutputFilterByType DEFLATE フォント/オープンタイプ
# 圧縮を処理できない古いブラウザ用
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

有効にしたら、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス.

キャッシュポリシーを設定する

ブラウザーがページの静的リソースをキャッシュすると、これらのリソースのローカル コピーがキャッシュに保存されるため、ファイルの取得が大幅に高速化されます。

これはキャッシュ ポリシーとして知られており、各ファイル タイプを保存する期間をブラウザーに指示するだけです。

より長いキャッシュ ポリシーは、これらのファイルをより長期間 (1 年など) 保持するようにブラウザに指示します。これは、ロゴ画像やページフォントなど、頻繁に変更される可能性が低いリソースにとって重要です。短いキャッシュ ポリシーは、CSS ファイルや JavaScript ファイルなど、頻繁に変更されるリソースに最適です。

どうすればいいですか マイキャッシュを設定する ポリシー?

上記の手順と似ています。 Apache (cPanel) サーバーを使用しているか、NGINX サーバーを使用しているかに応じて、次のコードを .htaccess ファイルに挿入するだけですべてが設定されます。

キャッシュ ポリシーを設定するプラグインは必要ありません。

アパッチ


有効期限切れアクティブ日
#画像
ExpiresByType 画像/jpeg 「アクセスプラス 1 年」
ExpiresByType 画像/GIF「アクセスプラス 1 年」
ExpiresByType image/png 「アクセスプラス 1 年」
ExpiresByType 画像/WebP「アクセスプラス 1 年」
ExpiresByType image/svg+xml 「アクセスプラス 1 年」
ExpiresByType 画像/x アイコン「アクセスプラス 1 年」
#ビデオ
ExpiresByType ビデオ/WebM「アクセスプラス 1 年」
ExpiresByType ビデオ/mp4「アクセスプラス 1 年」
ExpiresByType ビデオ/MPEG「アクセスプラス 1 年」
# フォント
ExpiresByType font/ttf 「アクセスプラス 1 年」
ExpiresByType フォント/otf「アクセスプラス 1 年」
ExpiresByType font/woff「アクセスプラス 1 年」
ExpiresByType font/woff2 「アクセスプラス 1 年」
ExpiresByType application/font-woff 「アクセスプラス 1 年」
# CSS、JavaScript
ExpiresByType テキスト/CSS「アクセスプラス 1 年」
ExpiresByType テキスト/JavaScript「アクセスプラス 1 年」
ExpiresByType アプリケーション/JavaScript「アクセスプラス 1 年」
# その他
ExpiresByType アプリケーション/PDF「アクセスプラス 1 年」
ExpiresByType image/vnd.microsoft.icon 「アクセスプラス 1 年」

Nginx

通常、Nginx サーバーはこのために設定されていますが、そうでない場合は、次のスニペットをサーバー ブロックに追加します。通常、これを次の場所で行う必要があります。

/etc/nginx/site-enabled/default

場所 ~* \.(jpg|jpeg|gif|png)$ {
有効期限は 365 日です。
}
場所 ~* \.(pdf|css|html|js|swf)$ {
有効期限は 30 日です。
}

もう一度、サーバー キャッシュと WordPress キャッシュをクリアし、次を使用して Web サイトを再テストします。 GTメトリクス または Google ライトハウス。すべてが計画どおりに進んでいる場合は、キャッシュがすべて設定されているはずです。

それで全部ですか?

今のところ心配する必要があるのはそれだけです。 .htaccess ファイルへの追加の書き込みがいくつかありますが、これはプロセスの進行中にいくつかのプラグインによって行われます。

どうですか クラウドフレア?

A2 や Kinsta などの一部のホストでは、すべての設定が自動的に行われます。ボックスにチェックを入れるだけで開始できます。

ホストに自動統合がない場合、Cloudflare には自動統合機能があります。 優れた統合ガイド あなたは読むことができます。毎日のユーザーには、自動統合を備えたホストをお勧めします。

サーバーのセットアップが完了しました!

ステップ 2: プラグインをインストールする

核心に迫る時間です

サーバーのセットアップ – ページ速度ガイド