Cloudflareは、サーバーを攻撃から保護し、Webサイトをより高速に、より堅牢なキャッシュで作成するための一種の無料CDNです。この記事では、CloudflareのHTMLキャッシュを使用して速度をさらに向上させる方法を段階的に説明します。
CloudFlareはHTMLのキャッシュをネイティブで保持しませんが、この機能を有効にすることで、ページの読み込み速度が非常に速く、ほぼ瞬時に向上します。ただし、この機能は一部のテーマやサイトの要素にバグを引き起こす可能性があるため、有効にする前にテストを行ってください。
CloudFlareのHTMLキャッシュを有効にする
CloudflareでHTMLキャッシュを有効にするには、CloudFlareダッシュボードの[ページルール]タブに移動し、すべてのドメインまたはサブドメインをカバーする新しいルールを作成し、[キャッシュレベル]を選択して[すべてキャッシュ]オプションを選択します。下の画像のように追加してください。
これを行うだけで、CloudFlareのキャッシュを保存してクリアし、新しいルールを適用します。これで、サイトはHTMLキャッシュで動作し、ほぼ瞬時にページをロードします。
CloudflareHTMLキャッシュの問題
私が気づいた小さなエラーの一つは、WordPressのwp-adminを有効にしていると、古いコードエディタや記事を開いて保存してしまう危険があることです。だから、編集する前に必ずページを二度更新するか、キャッシュをクリアしてください。
もう一つの問題は、時々WordPressの管理バーが表示されないことです。私には起こりませんでしたが、何らかの理由で非ログインユーザーにwp-adminバーが表示されている場合は、functions.phpにコードを追加して無効にすれば大丈夫です。
これらの小さな犠牲にもかかわらず、HTMLキャッシュをアクティブ化する価値があると思いますが、サイトははるかに高速です。たぶん、いくつかの設定とページルールに例外を追加することで、この機能を問題なく使用できるようになります。
Wp-Adminの問題を避けるために、サイトの/wp-admin部分に特定の別のルールを作成してHTMLキャッシュを無効にすることができます。これにより、フロントエンドでHTMLキャッシュを問題なく使用できるようになります。
問題の解決301
以前、301リダイレクションに関する問題について書きましたが、これはPage Rulesでも解決できます。残念ながら、HTMLキャッシュを有効にすると、この問題も再発します。
別の方法は、非WWWHTTPSバージョンでのみHTMLキャッシュを有効にすることです。これは簡単なことですが、サブドメインを除外すると思います。 CloudFlareの無料バージョンでは3つのアクティブなページルールしか許可されていないため、賢明に使用することをお勧めします。
あなたのウェブサイトのHTMLキャッシュを有効にすると、PageSpeedで90+を獲得するのに役立ちます。また、私たちはAdsenseを使ってモバイルで90+に関する記事も作成しました。
