Nginx

KUSANAGIのNginxでSVGの圧縮を有効にする

2017.08.12

サーバールーム

KUSANAGI for ConoHaのNginxで構築したサイトをPageSpeed Insightに通すと、SVGの圧縮を有効にしろと怒られてしまいましたので、対処します。

nignx.confを編集する

.htaccessではなく設定ファイルを編集します。

$ sudo vi /etc/nginx/nginx.conf

viで編集

設定ファイルを見るとしっかりgzipもbrotliもオンになっています。さすが超高速WordPress仮想マシンKUSANAGIだけあってこの辺はぬかりないですね。gzip types、brotli typesそれぞれにimage/svg+xmlを追記し、SVGの圧縮を有効にします。

viで編集します。該当箇所を探しiで編集モードに入りescキーで編集モードを抜け:wqで保存します。

gzip

gzip_types text/plain text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript application/json image/svg+xml;

brotli

brotli_types text/plain text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript application/json image/svg+xml;

nignx.confの変更を反映させる

編集完了後以下のコマンドを入力するか、VPSを再起動し、nginx.confの変更を反映させます。

$ sudo nginx -s reload

これでPageSpeed Insightで怒られなくなりました。

WEBSITE DESIGN REQUEST

ホームページ制作依頼について

W・D・Sでホームページ制作をご希望の方はお気軽にご相談ください。
制作内容、ご予算、納期をお知らせいただくとスムーズです。

ホームページ制作を相談する