このたび、wordpressのサーバの前段にCloudFrontを置いたので、ハマったところを備忘として残しておきます。基本的には参考URLのやり方で設定すればOKです。

構成

Origin h2o + php-fpm
CDN CloudFront
旧wordpressルート https://freedom-man.com/blog(サブディレクトリ型)
新wordpressルート https://blog.freedom-man.com(サブドメイン型)

サブディレクトリ型のフォワーディングがうまくいかない

オリジンのサブディレクトリ型の運用を諦めました…。

他のサイト見ても全部サブドメインのルートディレクトリで運用しているし、サブディレクトリにフォワードするように設定しても「ページ自体は正常に表示されるがリンクのアドレスがおかしい」「パス設定の問題でスタイルが全く効かなくなる」などの問題が発生しました。

ちゃんとやればいけるのかも知れないけどオリジンはどのスタイルでもユーザからの見え方は変わらないので、今回を機にオリジンの方もルートディレクトリでの運用をしました。

画像系のヒットレートが悪い

Cookieをフォワードしていたことに起因しています。静的リソースはCookieをフォワードする必要が無いので、CloudFrontでCookieのフォワードを制御すれば解消できます。以下はwp-admin、phpファイル以外のBehaviorです。

Cookieをフォワードする=Cookieの属性値をキーにキャッシュする、ということなのでCookieの属性値が変われば、キーが変わりヒットレートに影響を与えます。ちなみにGAが絡むとCookieの値が都度変わる模様。

オリジン側でリダイレクトしたらリダイレクトループが発生

h2oの設定でhttp => httpsのリダイレクトをしていたのですが、フロント側でリダイレクト結果をキャッシュしたようで、無限にリダイレクトされる事象が発生しました。こちらはリダイレクト設定をフロント側に持っていくことで解決しました。

ブログ記事がまったくキャッシュされない

これはComet Cacheの挙動でヘッダにno-cacheが付与されるようなのでスルー。本家プラグインサイトに以下の記述があります。

Comet CacheでHTML化した後は高速に動くのでそこはあえてキャッシュしないという方針にしました。キャッシュしたい場合はCloudFrontのDefault、Minumum TTLをいじれば良さそうですが、キャッシュを切ったり更新する制御が出来ないので設定する際は注意が必要。

エディタが出ない問題

Headerをフォワードしない設定に起因していました。wp-admin/*はHeaderをフォワードする(=キャッシュしない)設定にしておけばOK。

キャッシュ設定をミスったとき

設定を見直してから、Invalidationsからキャッシュを切りましょう

ヒットレートやアクセスが多いオブジェクトを見たい

Popular Objectsから見れます

参考URL