この無料 CDN で WordPress サイトの読み込みが遅い問題を解決しましょう

無料のものを嫌いな人がいるでしょうか?自分のウェブサイトをもっと速くしたいと思わない人はいないでしょう。一緒に試して、Amazon CloudFront CDN サービスが提供する無料パッケージを使用して、簡単な設定で WordPress ウェブサイトを高速化してみましょう。

強力な CMS (コンテンツ管理システム) プラットフォームとして、WordPress はその完全な機能、一流のカスタマイズ機能、豊富なプラグインで広く評価されています。個人のブログから企業のウェブサイト、新興企業から大規模な多国籍企業まで、私たちが日常的に訪れるウェブサイトの多くは WordPress をベースに作成されています。

このような Web サイトを所有していて、世界中の訪問者に高速でスムーズなアクセス体験を提供したい場合、どうすればよいでしょうか?最も簡単な方法は、世界中の主要地域にある CDN サービス プロバイダーのノードを利用して、近くのユーザーにコンテンツを配信する CDN を使用することです。しかし、そのような解決策は高価になるでしょうか?適切な CDN サービスを選択すると、実際には非常に安価になり、トラフィックがそれほど多くない多くの Web サイトでは完全に無料になることもあります。

この記事のすべての操作は、Amazon Web Services プラットフォームのグローバル バージョンに基づいて行われることに注意してください。 CloudFront CDN サービスの詳細を確認し、アカウントにサインアップして無料利用枠を使い始めるには、ここをクリックしてください。

前提条件

この記事で説明する方法を使用するには、次のものが必要です。

• WordPress プラットフォームで作成された既製の Web サイト。
• ウェブサイトに「WPAdmin AWS CDN」というプラグインをインストールします。
• Amazon Web Services アカウント

それだけです！

Amazon CloudFront とは何ですか?

Amazon CloudFront は、Amazon Web Services が提供する CDN サービスであり、極めて低いレイテンシーと極めて高い伝送速度でグローバルなコンテンツ配信を実現できます。現在、このサービスは310以上のノードを通じて世界47の国と地域の90以上の都市をカバーしており、基本的にすべての主要な人口密集地をカバーしています。

Amazon CloudFront ノード分布マップ、出典: Amazon Web Services 公式サイト

では、なぜこのサービスは無料で利用できるのでしょうか?実際、これは主に、Amazon Web Services がすべてのユーザーに提供する「無料パッケージ」によるものです。このパッケージには、数百の Amazon Web Services 製品が含まれており、その一部は「無料で試用」でき、一部は「12 か月間無料」、一部は「永久に無料」です。無料プランに含まれるサービスとその詳細については、ここをクリックしてください。

特に CloudFront の場合、無料利用枠では、ユーザーは毎月1 TB の送信データ トラフィック、1,000 万件の HTTP または HTTPS リクエスト、200 万件の関数呼び出しを無料で利用できます。無料パッケージは永久に有効です。月間使用量がパッケージの割り当てを超えた場合のみ、実際の使用量に応じて超過分が請求されます。 CloudFront の具体的な課金方法と料金については、https://aws.amazon.com/cn/cloudfront/pricing/​​​ を参照してください。

ステップ1: アカウントを登録し、CloudFrontサービスを有効にする

1. まず、Amazon Web Services の公式 Web サイト (aws.amazon.com) にアクセスしてアカウントを登録するか、既存のアカウントを使用して管理バックエンドにログインします。

2. 次に、左上隅の「サービス」をクリックし、「セキュリティ、ID、コンプライアンス」をクリックしてから、「IAM」をクリックします。

3. 次に、IAM インターフェースが開きます。ここで CloudFront ユーザーを作成し、このユーザーを使用して CloudFront サービスにアクセスするように WordPress ウェブサイトを構成する必要があります。

4. ページの左側にある「ユーザー」をクリックし、「ユーザーの追加」をクリックします。

5. 「ユーザー名」に「CloudFront-User」などの意味のある名前を入力します。 「AWS 認証情報タイプ」に「アクセスキー - プログラムによるアクセス」を選択します。次に「次へ: 権限」をクリックします。

6. 「既存のポリシーを直接アタッチする」を選択します。ポリシー検索ボックスに「CloudFront」と入力し、検索結果から「CloudFrontFullAccess」を選択します。次に「次へ: タグ」をクリックします。

7. 表示されるタグページで、IAM ユーザーの説明的なタグを設定できます。ただし、一般的な小規模クラウド展開では、タグはあまり役に立たないので、設定しなくても問題ありません。ただし、数十または数百のユーザーが関与する大規模な展開の場合は、その後の管理を簡素化するためにタグを設定することを強くお勧めします。ここではラベルを設定せず、「次へ: レビュー」をクリックするだけです。

8. 次のページですべての設定を確認します。正しいことを確認したら、「ユーザーの作成」をクリックします。

9. 次に、以下に示すインターフェースが表示されます。ここでは、アクセス キー IDとシークレット アクセス キーという2 つの非常に重要な情報がリストされています。これら 2 つの情報は記録し、適切に保管してください (以降の操作で使用されます)。そしてそれを秘密にしておく必要があります。これら 2 つの情報を知っている人なら誰でも CloudFront サービスを使用できるようになります。

この時点で、CloudFront の設定は完了です。次に、WordPress ウェブサイトを構成する必要があります。

ステップ2: WordPressサイトでCloudFront CDNを有効にする

1. WordPress ウェブサイトの管理バックエンドにログインし、左側のリストで「プラグイン」と「プラグインのインストール」をクリックします。

2. 次に、プラグインの検索ボックスに「WPAdmin AWS CDN」と入力します。対応する「今すぐインストール」ボタンをクリックします。

3. インストールが完了したら、「有効にする」をクリックします。すると、WordPress バックエンド インターフェースの左側に「WPAdmin CDN」メニュー項目が表示されます。このオプションにマウスをポイントし、ポップアップ メニューから「WPAdmin CDN」を選択します。

4. 次に、プラグインの設定インターフェイスが表示されます。ここで「アクセス ID」と「シークレット キー」を入力する必要があります。この2つの項目は、先ほどIAMユーザーを作成した後に取得した2つの値です。ここに記入してください。

5. 「アクセスID」に「アクセスキーID」を入力し、「シークレットキー」に「シークレットアクセスキー」を入力します。 「キャッシュポリシー」では、「圧縮を有効にする」を選択します。 「価格クラス」では「すべての場所」を選択します。その他の設定はデフォルト値をそのまま使用できます。 CreateDistribution をクリックします。

6. しばらくすると、CloudFront ディストリビューションが正常に作成されたことがページに表示されます。次に、「ページを再読み込み」リンクをクリックします。割り当てられた CloudFront セカンダリドメイン名が左側に表示されます。ドメイン名に対応する「アクティブ」ボタンをクリックします。

ここまででWordPressウェブサイトの設定は完了です。

その後、CloudFront バックエンド インターフェイスに戻ると、ここに「ディストリビューション」がリストされていることがわかります。これは、WPAdmin プラグインが WordPress ウェブサイト用に自動的に作成した CDN ディストリビューションです。ここでは、CDN が正常に作成され、有効化されていることも確認できます。今後、世界中のユーザーがこの Web サイトにアクセスすると、CloudFrontCDN サービスを通じてより高速でスムーズなエクスペリエンスを得ることができます。

では実際の効果は何でしょうか?ブラウザに組み込まれている Lighthouse パフォーマンス テスト ツールを使用してこれをテストしてみましょう。 CloudFront CDN を有効にする前に、このツールでテストされた Web サイトのパフォーマンス結果は次のとおりです。

CDN を有効にした後の再テストの結果は次のとおりです。

すべてのパフォーマンステスト指標がある程度改善されました。これは新しく構築された空の WordPress テスト サイトであるため、改善はそれほど大きくないように見えるかもしれません。自動生成されたプレースホルダー記事以外のコンテンツは含まれていないため、読み込み速度自体は遅くありません。ただし、CloudFront CDN はサイトのパフォーマンスをある程度向上させます。長期間運用され、多数の記事や画像などのコンテンツを含むウェブサイトの場合、より高い高速化効果が得られるのは当然です。

1 か月あたり 1 TB の無料トラフィックがあれば、個人やほとんどの低負荷の Web サイトのニーズを満たすのに十分です。無料の割り当てを超えた場合でも、非常に低い料金で支払うことができるため、これまで大企業のみが利用できたプロフェッショナルレベルの CDN サービスを Web サイトで利用できるようになります。さらに重要なのは、関連するアクティベーションとセットアップ操作が非常に簡単なことです。 WordPress プラグインをインストールして簡単な設定を行うだけです。高度な技術スキルがなくても、数分で簡単に実行できます。

ぜひお試しください！ CloudFront CDN サービスの詳細については、ここをクリックしてください。今すぐアカウントにサインアップして無料プランを使い始め、WordPress ウェブサイトを高速化してください。