Cloudflareを使用してWebサイトを高速化し、安全に保護するにはどうすればよいですか?

簡単に言えば、Cloudflare CDN は距離を短縮します。世界中でウェブサイトの読み込みがどのように高速化されるかを確認してみましょう。乞うご期待。

距離は人間関係にとって危険なだけではありません。それはデータにとって悪夢のような役割も果たします。

冗談はさておき、トラフィックの多い Web サイトでは、Web サイトの読み込みが 1 秒増えるごとに数百万ドルが失われ始めます。 多くのケーススタディが、 Web サイトの高速読み込みの重要性を指摘しています。

特にどこにでも無限の選択肢がある場合、誰も待ちたくありません。これが統計です:

不思議に思うかもしれませんが、直帰率とは、何もアクションを起こさずに Web サイトから離れた人の割合です。コンバージョンもビジネスもありません。無意味な Web トラフィックだけです。

直帰率が高いことは、ブログや他のいくつかの業界では問題ありませんが、他のすべての業界 (電子商取引、B2B、小売など) にとっては危険信号にすぎません。

コンテンツ配信ネットワーク (CDN) は、 Web サイトのキャッシュされたバージョンをデータ センターに維持します。その結果、ユーザーが Web サイトにアクセスすると、地理的に最も近い場所から Web サイトが読み込まれるため、読み込み時間が最短になります。

Cloudflare が地球上の 100 以上の都市にある 250 のポイント オブ プレゼンス (PoP) で行っていることはまさにそれです。真にグローバルなネットワーク データ ネットワーク。

Cloudflare がウェブサイトに対してできることの一部を以下に示します。

• データ圧縮と縮小化
• 帯域幅コストの削減
• 負荷分散によるパフォーマンスの向上
• 強力な Web アプリケーション ファイアウォール (WAF)
• 無料のTLS/SSLインストール
• 100% 稼働率保証のビジネス プラン

一言で言えば、効率的な CDN はセキュリティ シールドおよびパフォーマンス ブースターとして機能します。そして、Cloudflare は、 Alexa の上位 100 万サイト の 75% 以上を自社のサイトに持つ市場リーダーです。

それでは、ウェブサイトをCloudflareネットワークに無料で追加するプロセスを確認してみましょう。その後、パフォーマンスの前後のマトリックスを紹介します。

テスト設定

• 私は Site Ground の月額プランにサインアップし、WordPress を使用してベアボーン テスト Web サイト (techpostal.com) をデザインしました。
• 私は Genesis の Maker Pro 子テーマをキャッシュやセキュリティ プラグインなしで使用しました。
• また、結果の一貫性を高めるために、Site Ground の社内最適化もすべて無効にしました。

Cloudflareのオンボーディング

Cloudflareのサインアップページ にアクセスしてください。メール ID と強力なパスワードを入力して開始してください。まず、受信箱をチェックしてメールを認証してください。

次に、ダッシュボードに戻って Web サイトを追加します。対象のサイトの URL を入力し、 [サイトの追加] をクリックします。

次の画面では、サブスクリプションのオプションが表示されます。このイラストは無料プランを選択しました。

プランを選択したら、下部にある 「続行」 をクリックします。

次に、Cloudflare は Web サイトの DNS レコードをスキャンします。これらはドメイン レジストラーに確認できます。

これにより、一部のレコードのチェックを外して、Cloudflare 経由でプロキシされるのを防ぐこともできます。

したがって、続行する前に DNS レコードを確認してください。

次にネームサーバーを変更します。これは、CDN を設定するための最も重要な (そして簡単な) ステップです。このプロセスはドメイン レジストラーによって異なります。手順がわからない場合は、この Cloudflare ガイドを参照してネームサーバーを変更してください 。

最適化

Cloudflare は、パフォーマンスを高速化するための推奨事項をいくつか提供します。

両方のオプションをオンにしました。 1 つ目は SSL/TLS 認証の使用に関するもので、2 つ目は読み込み時間の短縮に役立ちます。

さらに、Brotli 圧縮と Rocket ローダーがオンになっていることを確認してください。無料プランでできることは限られているため、最適なパフォーマンスを得るには、無料プランを使用することをお勧めします。

最後に、 [速度 ] > [最適化] > [Brotli] に移動します。オンになっていることを確認してください。

同様に、同じセクションを下にスクロールして、 Rocket Loader を オンに切り替えます。

ネームサーバーには時間がかかります。彼らは 48 時間の猶予を求めていますが、実際には数分しかかかりません。

確認するには、独自の DNS ルックアップ ツールまたはこの DNS チェッカー を使用できます。

性能チェック

Blazemeter を使用して Web サイトの応答時間を確認しました。応答時間は、ページの読み込み時間のかなり複雑なバージョンです。理想的には、これらの行列の両方に、小さいほど最良の値が当てはまります。しかし、従来は 2 秒の応答時間は許容範囲でした。

特に、 「Before Cloudflare」とは 、サードパーティまたは社内ツールを使用しない、最低限の状態を指します。 After Cloudflare は Cloudflare CDN の無料枠であり、この記事ですでに説明したようにいくつかの調整が加えられています。

結果は次のとおりです。

クラウドフレア以前
クラウドフレア後

平均応答時間と 90% 応答時間の両方が、それぞれ 12% と 28% 減少して いることがわかります。このレポートに記載されているパラメータがわからない場合は、この Blazemeter ガイド を参照してください。

まとめ

Cloudflareが無料プランであってもこれらの数字を押し上げているのを見るのは素晴らしいことです。

Cloudflareの無料枠を試してみることをお勧めします。この場合、セットアップが簡単で、パフォーマンスが確実に向上しました。

そして、速度関連の側面のみをテストしたことを忘れてはなりません。ただし、Cloudflare は安全エンベロープとしても機能します。さらに、オリジンサーバーがダウンしている場合でも、Web サイトの静的バージョンをオンラインに維持できます。

そして、その可能性を最大限に発揮したいと考えたことがあるなら、Cloudflare には 有料プラン もあります。有料レベルには、WAF、画像最適化、モバイル最適化など、数え切れないほど多くの機能があります。

WordPress を使用していますか?

WordPress を使用している場合は、 WP Cloudflare Super Page Cache プラグインの使用を検討する必要があります。 Web サイト全体 (静的コンテンツと動的コンテンツ) をインテリジェントにキャッシュします。これにより、ページの読み込み時間がさらに短縮されます。

Cloudflareの代替となるものは何ですか?

非常に強力な代替品は Sucuri です。

Web サイトがダウンしたときに通知するページ速度監視ツールをいくつか紹介します。