無料のWebサイトキャッシュウォーマー

無料のWebサイトキャッシュウォーマー

一部のWebサイトが、私のサイトのように瞬時に読み込まれる理由を不思議に思ったことはありませんか？その理由の一つはキャッシュです！頻繁にアクセスされるデータをサーバーやエッジに保存することで、キャッシュはコストのかかるサーバーサイドの計算を不要にし、非常にスムーズで高速な user experience を実現します。

最近ではほとんどのサイトに1つ以上のキャッシュ層があり、デフォルトで組み込まれているか、プラグインを通じて追加されています。しかし、ほとんどのキャッシュプラグインはパフォーマンスをほとんど改善しません！これはおそらくキャッシュヒット率が低いことが原因です。幸いなことに、キャッシュウォーマーを使用することで、キャッシュヒット率を向上させたり、キャッシュヒット率の問題を検出したりできます。 

キャッシュウォーマーとは？

キャッシュウォーミングとは、ユーザーからリクエストされる前に、頻繁にアクセスされるWebページをサーバーやエッジのキャッシュにプリロードするプロセスです。サーバーによってページがキャッシュされると、サーバーはそれらのページをキャッシュから直接配信でき、ページをその場で構築する必要がなくなります。 

キャッシュウォーマーは一般的に、Webサイトのオーナーが設定したルールに基づいてWebサイトを「クロール」します。私のChrome拡張機能「the cache warmer」は、これらのルールに対してシンプルなアプローチを取っています：

• 拡張機能を開くと、現在のWebサイトのホームページが表示されます
• キャッシュプラグインを有効にすると、ホームページにアクセスし、すべてのURLを抽出します
• URLは重みで並べ替えられ、最も重みの高い「未訪問ページ」がクロールされます
• このプロセスは、すべてのページがクロールされるか、設定された最大ページ数に達するまで繰り返されます。どちらか先に到達した方で停止します

キャッシュウォーマーはページスピードのパフォーマンスをどのように改善するのか？

キャッシュウォーミングの主な目的は「キャッシュミス」を防ぐことです。キャッシュミスは、リクエストされたデータがキャッシュに見つからず、サーバーによってその場で構築しなければならない場合に発生します。 これは明らかに、単純にキャッシュからページを配信するよりも長い時間がかかります

このCoreDashの Time to First Byte 分布をご覧ください。2つのベルカーブがはっきりと見えます。最初の速くて緑のカーブはキャッシュされた高速なHTMLページビューを示し、2番目のより広いベルカーブはキャッシュされていない遅いページビューを示しています。

Time to First Byte が悪いと、必ず First Contentful Paint や Largest Contentful Paint などのペイントメトリクスが悪化し、 Core Web Vitals メトリクスの不合格につながります。  

これらの悪いメトリクスは、気づかないうちにサイトオーナーに忍び寄る傾向があります。自分のサイトをテストしているとすぐにキャッシュが再構築されるため、この問題を再現するのが難しく、見逃しやすくなります。

そこで私は何をしたか。はい、キャッシュが常に最新の状態であることを確保するプロセスを簡素化する、無料で強力なワンクリックキャッシュウォーマーを作成しました！Chrome拡張機能の形で提供され、複雑なコマンドラインユーティリティの必要性を排除し、誰でも簡単に使用できます。.

キャッシュウォーマーの使い方

キャッシュウォーマーの使い方はとても簡単です！ 以下の手順に従ってください：

1. Chromeストアで Cache Warmer をインストールします

2. この楽しい小さなプラグインが無料のDDOSツールにならないよう、クロール制限を解除するためにrobots.txtに以下を追加する必要があります

User-agent: CacheWarmer
Crawl-delay: 0

3. 事前に十分な RUM データがあることを確認してください。Core/Dash のような RUM ツールを使用できます。これは圧倒的にコストパフォーマンスの良い選択肢です。

4. プラグインを実行します。ページがクロールされていることは表示されません。ページにアクセスするたびに、新しいキャッシュバージョンが作成されます！

5  キャッシュが手動で無効化されないようにしてください。つまり、数時間はサイトに新しいコンテンツの更新を公開せず、 前後を比較してください

大きな違いに気づいた場合（特に LCP のブレークダウンセクションで LCP が TTFB に対してプロットされている部分）、それはキャッシュが正しく設定されていないことを示す素晴らしい指標です！