CloudFrontのキャッシングを利用するためにCloudFrontでNginxを設定するには？

Question

私はWordpressでウェブサイトを持っています。このウェブサイトはNginx & php-fpmでホストされています。 CloudFrontを追加して、パフォーマンスを向上させ、オリジンサーバーの負荷を軽減しました。

しかし、Chromeのデベロッパーツールコンソールでは、すべてのリソースがx-cacheヘッダーにMiss from CloudFrontの値を持つことがわかりました。

Nginx & CloudFrontを正しく設定してキャッシュを有効にする方法がわかりません。

Nginxによって設定されるべき適切なヘッダーに関するすべての情報です（画像の場合はCache-Control: publicなど）。私はすべてのケースをカバーし、Wordpress Admin Panelを台無しにしない例を見つけることができません（これはキャッシュしないでください）。

Answer 1

WP Super Cache pluginを簡単に修正することができます。他にもCDNのサポートがあります。あなたは、静的なコンテンツのためにこのような何かを行うことができnginxの側で

：

location ~* \.(?:ico|css|js|gif|jpe?g|png)$ { 
    expires 30d; 
    add_header Pragma public; 
    add_header Cache-Control "public"; 
} 

あなたはできるだけ多くのディレクティブ、例えばnecesaryだけでなく、画像、追加することができます。

location ~* \.(?:cur|gz|svg|mp4|ogg|ogv|webm|htc)$ { 
    access_log off; 
    add_header Cache-Control "max-age=2592000"; 
    #... more options 
} 

?:接頭辞をパターンを「$1」に取り込む必要はなく、パフォーマンス向上に役立つはずです。

Nginx expires option hereの詳細については、こちらをご覧ください。