アクトインディ開発者ブログ

子供とお出かけ情報「いこーよ」を運営する、アクトインディ株式会社の開発者ブログです

ネットワーク帯域を無駄遣いして、すみませんでした。

こんにちは、tahara です。

Google さんから来た AdSense ニュースレターに PageSpeed Insights を使ってサイトのパフォーマンスを向上させなさい、と書いてあったので、PageSpeed Insights 使ってみました。

すると、css と js が圧縮されなていないことが判明! えっ! Asset Pipeline にして Amazon CloudFront を導入したはずなのに、何か起っている!?

いえ、Nginx の設定が足りていないだけでした。

次のように gzip_proxied と gzip_vary の設定を追加しました。

location ~ ^/assets/ {
    # to serve pre-gzipped version
    gzip_static on;
    # for CloudFront
    gzip_proxied any;
    gzip_vary on;
    expires 1y;
    add_header Cache-Control public;
    add_header ETag "";
    break;
}

gzip_http_version 1.0; が必要との情報もいくつか見かけましたが、 いまの CloudFront は HTTP/1.1 でリクエストしてくるので設定しなくても大丈夫のようです。

以上、Amazon CloudFront で Nginx の gzip_static が効いてない件でした。

あいかわらず、弊社ではエンジニア募集しています。お気軽にお問い合わせください。