Yak shaving logs


My life is just yak shaving.

Google PageSpeed Insightsで100点を目指す 〜 圧縮を有効にする 編 〜

2017/09/01 #seo #page-speed-insights

By Yusuke Takita


こんにちは。Kajitz inc.の瀧田です。

PageSpeed Insightsで100点を目指すにあたり、今回は「圧縮を有効にする」という指摘を改善しました。nginxのgzipを有効にすることで圧縮されていないファイルを圧縮して63点から85点までスコアを上げることができました。

Google PageSpeed Insightsの以下の点についてはGoogle PageSpeed Insightsとはで解説しています。

  • Google PageSpeed Insights とはなにか
  • SEO上、効果があるのか

圧縮を有効にする

https://gyazo.com/7c56568e7033e1a3c567233a2e0eee16

ページ上の圧縮可能なリソースが HTTP 圧縮を使って配信されていないことを PageSpeed Insights が検出した場合にトリガーされます。
https://developers.google.com/speed/docs/insights/EnableCompression

私のブログでは *.js が圧縮可能にもかかわらず、圧縮されていないためGoogleから指摘を受けています。

圧縮が有効になっていないことを確認する

gzipによって *.js が圧縮されている場合は、レスポンスに Content-Encoding: gzip が含まれているはずですが、 Content-Encoding: gzip は見当たりません。

$ curl -I -H 'Accept-Encoding: gzip,deflate' http://tackeyy.com/assets/application-f3e74251aa0a9bf2daadbeb152090a152f317abadfc1aec1b0b9fae6770d6c54.js
HTTP/1.1 200 OK
Server: nginx
Date: Tue, 22 Aug 2017 04:23:54 GMT
Content-Type: application/javascript
Content-Length: 489768
Last-Modified: Sat, 29 Jul 2017 10:08:05 GMT
Connection: keep-alive
ETag: "597c5e85-77928"
Accept-Ranges: bytes

nginx.confを修正する

すでにgzipはonにしていたのですが、gziptypesにapplication/javascriptが追加されていなかったため、 *.js がgzipの対象になっていませんでした。
gzip
typesに application/javascript を追加します。

    gzip                on;
    gzip_http_version   1.0;
    gzip_proxied        any;
    gzip_min_length     500;
    gzip_disable        "MSIE [1-6]\.";
    gzip_types          text/plain text/xml text/css
                        text/comma-separated-values
                        text/javascript application/x-javascript
                        application/javascript # この行を追加しました
                        application/atom+xml;

圧縮が有効になったことを確認する

$ curl -I -H 'Accept-Encoding: gzip,deflate' http://tackeyy.com/assets/application-f3e74251aa0a9bf2daadbeb152090a152f317abadfc1aec1b0b9fae6770d6c54.js
HTTP/1.1 200 OK
Server: nginx
Date: Tue, 22 Aug 2017 04:28:13 GMT
Content-Type: application/javascript
Last-Modified: Sat, 29 Jul 2017 10:08:05 GMT
Connection: keep-alive
ETag: W/"597c5e85-77928"
Content-Encoding: gzip

これだけで63点から85点までスコアが上がりました。

https://gyazo.com/e47f2674fbf9273a431508ebe4401ad3

このエントリーをはてなブックマークに追加

categories


最新記事


tags