はじめに
WordPressサイトのパフォーマンスを向上させるためには、画像などの大容量ファイルの配信速度が重要となります。BunnyCDNは高品質なCDNサービスで、効率的な画像配信を可能にします。
症状・背景
- サイトの読み込み時間が遅い
- 画像のサイズが大きい
- ユーザー体験が悪い
- スマートフォンからのアクセスが多い
手順・設定方法
ステップ1: BunnyCDNアカウントを作成し、Zoneを追加する
# BunnyCDNアカウントにログインします。
$ curl -X POST https://api.bunny.net/auth/login -H "Content-Type: application/json" -d '{"email":"your-email@example.com","password":"your-password"}'
# レスポンスからアクセストークンを取得します
$ export ACCESS_TOKEN="xxxxx.yyyyy.zzzz"
# 新規Zoneを作成します。WordPressサイトのドメインを指定します。
$ curl -X POST https://api.bunny.net/cdnzones -H "Authorization: Bearer $ACCESS_TOKEN" -d '{"name":"your-wordpress-site.com","type":"custom"}'ステップ2: BunnyCDNに画像ファイルをアップロードする
# FTPやSFTPを使用してWordPressのuploadsディレクトリにある画像をBunnyCDN上の適切なパスへ移動します。
$ cd /var/www/your-wordpress-site.com/wp-content/uploads/
$ scp -r ./images/* your-bunnycdn-user@your-bunnycdn-zone:~/path/to/imagesステップ3: WordPressの設定でBunnyCDNを有効にする
# WordPressのメディアライブラリにアクセスします。
$ wp media regenerate --url=https://your-wordpress-site.com
# WP-Optimizeプラグインを使用して、データベースから古くなったファイルパス情報をクリーンアップします。
$ wp plugin install wp-optimize
$ wp optimize clean-upステップ4: DNSレコードを更新し、BunnyCDNのCNAMEを追加する
# ドメインホスティングプロバイダーのダッシュボードにログインし、DNSレコードを作成します。
# CNAMEレコードには、BunnyCDNから提供されるZoneの名称を使用します。
# あなたのドメインに対して以下のコマンドを実行してCNAMEを設定します。
$ wp cli dns add --type=CNAME --name=cdn.your-wordpress-site.com --value=your-bunnycdn-zone.b-cdn.net注意事項
- CDNの設定は、バックアップを取ってから行うべきです。
- BunnyCDNの使用には月額料金が発生する可能性があります。
- 画像ファイルの移動後、WordPressのメディアライブラリは更新されるまで時間がかかることがあります。
まとめ
1. BunnyCDNアカウントの作成: WordPressサイトのパフォーマンスを向上させるためにBunnyCDNを使用してみましょう。
2. 画像ファイルの移動と設定: 画像ファイルを安全に移動し、WordPressとの連携を確立します。
3. DNSレコードの更新: CDNサービスを有効にするには、ドメインホスティングプロバイダーを通じてDNSレコードを更新する必要があります。
4. パフォーマンスの監視と最適化: BunnyCDNを使用して画像配信を最適化した後も、サイトのパフォーマンスを定期的にチェックし、必要に応じて調整を行うことが重要です。
関連記事: