管理ページに最適なCloudflare WordPressページルール
公開: 2022-12-03
WordPress を使用するブロガーは、高速で安全な Web サイトが重要であることを知っています。
最初のステップは、信頼性が高く高速な Web ホスティング プロバイダーまたは管理された WordPress ホスティングを使用することです。
第 2 段階では、CDN (コンテンツ配信ネットワーク) を使用して、世界中の訪問者に対してサイトの読み込みを高速化します。
最も人気があるのは Cloudflare です。 ただし、WordPress の Cloudflare 設定には、管理ページの速度が遅くならないように微調整が必要です。
WordPress の読み込み時間を短縮する方法。
- キャッシュプラグインを使用する
- CSS と Javascript を縮小する
- 画像に遅延読み込みを使用する
- CDN サービスを利用する
これら 4 つの重要な速度要素の選択について、何千もの記事、レビュー、および意見をオンラインで見つけることができます。
そのため、この記事ではこれらのアイデアについて詳しく説明しません。
主に、WordPress を Cloudflare アカウントでスムーズかつ高速に実行する方法に焦点を当てます。
ただし、WordPress 用の Cloudflare のセットアップに進む前に、私のサイトで現在使用している速度ツールを示して、アドバイスを開始する必要があります。
- キャッシングには、ブラウザーとページのキャッシングに W3 Total Cache を使用します。
- CSS と Javascript の縮小化については、Autoptimize が非常に信頼できることが何年も前から証明されています。
- 遅延読み込みには、Autoptimze 設定を使用します。 最初の数枚の画像で遅延読み込みを停止して、Web Vitals の結果を向上させることができます。
どちらも WordPress プラグイン リポジトリから入手できる無料バージョンであり、見事に連携します。
W3 Total Cache で縮小可能で、完璧に動作します。
しかし、プラグインを追加または削除するときに設定を調整する必要がないため、Autoptimize の方が少し優れていることがわかりました。
これらのプラグインだけでも、ページの読み込み時間を大幅に短縮し、一部の速度テスト サイトではほぼ 100% の結果が得られることがよくありますが、距離の問題が残っています。
私のサイトサーバーはスイスにあり、特にヨーロッパからのサイト訪問者にとって非常に高速で信頼性があります. しかし、たとえば、私の米国の訪問者にとっては、サイト データが移動する距離が長くなります。
これにより、ページの読み込み時間がわずかに遅くなり、米国、カナダ、南アフリカ、オーストラリアでのユーザー エクスペリエンスに影響します。
CDN サービスを使用すると、距離の問題が解決されます。
Cloudflare は、ブロガーやエンタープライズ クライアントが使用する信頼性の高い CDN (コンテンツ配信ネットワーク) プロバイダーとしてよく知られています。
Cloudflare のサポートは充実しており、質問の 95% は Cloudflare の公式ナレッジ ベースで解決できます。
簡単に言えば、 IPアドレスを変更すると、 Cloudflareは静的ファイルをローカルサーバーに保存することで機能します。
Web ページの 80% 以上が静的データで構成されているため、Cloudflare キャッシュから任意の場所のサイト訪問者にデータをはるかに高速に配信できます。
ただし、デフォルトでは静的 HTML は保存されませんが、これは大した問題ではありません。
CDN プロバイダーには多くの選択肢がありますが、Cloudflare には 3 つの大きな利点があります。
- 1: ネットワークは世界中に広がっています。
- 2: ハッカーから保護できます。
- その3：無料です。
これにより、速度制限のない無料プランの CDN を使用してサイトのパフォーマンスを向上させたいブロガーにとって、Cloudflare は論理的な最初の選択肢になります。
CloudflareでWordPressサイトをセットアップするのは簡単なプロセスであり、プロセスを説明する詳細な記事がたくさんあります.
Cloudflareの基本的なセットアップ手順を説明する記事の例を次に示します。
DNS レコードと DNS サーバーを Web ホストから Cloudflare サーバーに転送します。
私が追加する唯一のヒントは、WordPress Cloudflare プラグインは実際には必要ないということです。 ただし、それを使用する場合は、Cloudflare グローバル API キーを使用して、WordPress ダッシュボードからプラグインを接続する必要があります。
Cloudflare Web サイトからインストールを開始し、Cloudflare デスクトップ ページと管理エリアからセットアップ手順を完了して Web アプリケーションを追加するのも同様に簡単です。 しかし、選択はあなた次第です。
これで、世界中のすべての訪問者に対して非常に高速なサイトができました。
Cloudflare をインストールしてアクティブ化すると、DDOS 保護、柔軟な SSL、高速な読み込みにより、サイトの安全性が大幅に向上します。
サイトをチェックして、Google PageSpeed、GTmetrix、または Pingdom でいくつかの速度テストを実行すると、Cloudflare をデプロイした後のサイトの速度がわかります。
すべてが機能しています。 あなたのサイトは電光石火の速さで、満足しているので、すべてが素晴らしい世界です。
しかし、私の WordPress 管理ページは遅いです。
Cloudflare、wp-admin、またはデスクトップ管理ページをデプロイすると、いくつかの問題が発生する可能性があります。
最も一般的な問題は読み込みが遅いことです。 または、まれに 500、504、または 524 エラーが発生し、白い画面が表示されることさえあります。
また、WordPress エディターの読み込みが不完全で、JavaScript エラーが発生することもあります。
数日後、通常、問題は悪化する傾向があります。
これらの厄介な問題を解決しようとして、私はほとんど髪を引き裂きました。 通常、WordPress の修正プログラムを見つけるには Google で検索するだけですが、これはしばらくの間、私を逃してしまいました。
最終的に、解決策は、おそらく何百ものアドバイス記事を苛立たしく探した後、私が接着した 2 つの情報から得られました。
問題は、デフォルトの Cloudflare WordPress キャッシュ設定にあります。 あなたの管理ページは、異なる競合するキャッシュ設定を使用しています。
しかし、解決策は非常に簡単なので心配しないでください。 キャッシュを処理するためのいくつかの単純な Cloudflare WordPress ページ ルールを設定するだけで、WordPress は新品同様になります。
Cloudflare を WordPress とうまく連携させるには、いくつかの特別な設定調整が必要です。
Cloudflare WordPress 管理ページを正しく機能させる方法。
Cloudflare で WordPress の遅い管理ページの問題を解決するには、2 つの簡単な手順が必要です。
まず、最も重要なこととして、Cloudflare の自動キャッシュ有効期限設定を 1 つ変更する必要があります。
デフォルトの Cloudflare 設定ではなく、WordPress キャッシュ設定を使用する必要があるため、ここからすべての管理ページの問題が始まります。
デフォルト設定は、数時間のキャッシュです。 これが、管理ページがひどく遅れる理由です。
訪問者のためにサイトのフロントエンドをキャッシュしたいのは間違いありませんが、バックエンドの管理ページはキャッシュしたくありません。
これは、Cloudflare で 1 つのキャッシュ設定を変更することで、非常に迅速に修正できます。
キャッシュ設定を変更する方法。
Cloudflare アカウントにログインします。 次に、Cloudflare ダッシュボードで、メニュー項目Cachingをクリックします。
ここで、ブラウザ キャッシュの有効期限の設定を、ドロップダウン選択ボックスから既存のヘッダーを尊重するように変更します。
キャッシュが正しく機能するようになりました。 バックエンド管理ページのキャッシュは、Cloudflare ではなく WordPress によって制御されるようになりました。
Cloudflare WordPress ページ ルールを追加します。
次に、管理ページのパフォーマンスを微調整する必要があります。
WordPressに最適なCloudflareページルールの例を次に示します.
ページ ルール アプリに移動して、ページ ルールを設定します。
3 つのルールを追加する必要があります。 無料の Cloudflare アカウントでは 3 つのルールしか取得できないため、それらを賢く使用して Cloudflare を WordPress 用に最適化することが重要です。
wp-admin ページの最初のルールを追加します。 以下のルールをコピーして、独自のサイト URL に編集できます。
先頭と末尾の星印はワイルド カードであり、関連するすべてのページでルールが使用されるようにするために必要です。
*example.com/wp-admin*
次に、2 つの基本設定を追加します。 キャッシュ レベルと無効化パフォーマンス。
3 つのルールすべてで、キャッシュ設定を標準からバイパスに変更する必要があります。
Edge キャッシュ TTL と Browser キャッシュ TTL には他の設定がありますが、これらの設定を使用する必要はありません。
追加する必要がある 2 番目のルールは、エディターとドラフト プレビュー機能への干渉を停止することです。
*example.com/*preview=true*
最後に、Cloudflare がログイン ページに影響を与えないようにする必要があります。
*example.com/wp-login.php*
次に、ルールが正しい順序で読み込まれるように、下の画像のようにルールの順序を設定する必要があります。
順序を設定するには、ルール ボックスの左側にある矢印を使用して上下にプルします。
それはあなたがする必要があるすべてです。
追加の Cloudflare WordPress ページ ルール ルール設定。
パフォーマンスがまだ少し遅い場合は、3 つのページ ルールすべてにさらに 2 つの設定を追加できます。
Cloudflare の Rocket Loader またはその他の Cloudflare アプリを使用している場合は、それらが WordPress バックエンドで動作しないようにすることをお勧めします。 これを行うには、無効化アプリを追加します。
セキュリティ レベルはオプションですが、私は高に設定することを好みます。
これらは、ページ ルールに使用する設定です。
すべてのルールの設定が同じであることを確認するために、最後のチェックを行う必要があります。 Cloudflare WordPress ページ ルールの概要は次のようになります。
これで、バックエンドのすべての WordPress 管理ページが再び完全に動作するようになります。
他の唯一の注意点は、Cloudflare Rocket Loader は少し扱いにくいということです。 それがあなたのサイトで機能するのであれば、それで問題ありません。 ただし、javascript エラーが発生する可能性があります。
WordPress 5.5 以降、いくつかの問題に気付いたので、どのサイトでも Rocket Loader を使用しなくなりました。
結論。
CDN の使用は、どの WordPress サイトでも検討する価値があります。
サイトのセキュリティを強化し、ページの読み込み時間を短縮するだけでなく、サイト訪問者がサイトにアクセスしたときにポジティブなエクスペリエンスを提供できるようにします.
Google は、読み込みの速い Web サイトを好むことを明確にし、ページの速度をランキングの重要な要素にしています。 したがって、これは CDN を使用してサイトをアップグレードすることを検討するもう 1 つの非常に重要な理由です。
ブログのメンテナンスは常に進行中です。
訪問者の満足度とリピーター率を高めるために、ブログにできる小さな改善点を探し続けてください。
更新: Cloudflare キャッシュのすべてを使用して、サイトの速度を最大 90% 向上させる方法に関する新しい記事があります。