JSやCSSなどの転送量を減らし、表示速度を高めるための手法としてgzip圧縮があります。
Nginxでgzip圧縮する方法のメモ。
設定
Nginxの設定ファイルでhttp,serverディレクティブなどのどこかに以下を追加。
gzip on;
gzip_types <content type>;
text/html
はデフォルトで圧縮される。それ以外のcontent-type、例えばjsを圧縮したければ、gzip_typesで追加。*
を使うと全てのタイプで有効になる。
gzip on;
gzip_types application/javascript;
設定の確認
設定が反映されるとchromeのdevtoolでcontent-encoding: gzip
となっているのが確認できる。