nginx テキスト圧縮で サイトの高速化

拡張 → 速度(試験運用版)をクリックすると、速度帯毎のURL数の推移が見れる。

『真っ赤っか』ではないか、なんとかせねばならぬ。

「詳細」を見てみると、「低速」のURLが 224 もある。

クリックすると、具体的なURLのパターンが表示される。

さらにクリックすると、同じパターンの全てのURLが表示され、『PAGESPEED INSIGHTS』に導かれる。

『PageSpeed Insights』で、該当ページの測定結果が表示される。

サイトのトップページでの、『PageSpeed Insights』の評価スコア。【モバイル】での値が、低速の「0～49」の中でも「9」と極めて遅い。

ラボデータの値。すべての項目が「▲」の赤色になっている。

改善できる項目。この中に「テキスト圧縮の有効化」が 2番目にある。

テキスト圧縮の詳細。

テキスト圧縮対象URLとファイルが、サイズ順に表示される。

 　圧縮を有効にする
このルールは、圧縮可能なリソースが gzip 圧縮されずに配信されていることを PageSpeed Insights が検出した場合にトリガーされます。

　概要
最新のブラウザはすべて gzip 圧縮に対応しており、すべての HTTP リクエストで自動的に圧縮のネゴシエーションを実施します。gzip 圧縮を有効にすると、転送されるレスポンスのサイズが最大で 90% 削減されるため、リソースのダウンロード時間の大幅な短縮、クライアントのデータ使用量の削減、最初のページ レンダリング時間の改善といった効果があります。 詳しくは、GZIP によるテキストの圧縮をご覧ください。

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  600;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

　「MIMEタイプ」とは
MIME タイプはクライアントに対して、転送するドキュメントの種類を伝える機能です。ウェブにおいて、ファイル名の拡張子は意味を持ちません。従って、サーバーはそれぞれのドキュメントと共に正しい MIME タイプを転送するよう適切に設定することが重要です。ブラウザーはたいてい MIME タイプを、読み込んだリソースに対して行う既定のアクションを決めるために使用します。

    gzip  on;
    gzip_vary on;
    gzip_proxied any;
    gzip_min_length 1024;
    gzip_comp_level 6;
    gzip_buffers 16 8k;
    gzip_http_version 1.1;
    gzip_types text/plain
		 text/xml
		 text/css
		 text/javascript
		 image/gif
		 image/png
		 image/jpeg
		 application/javascript
		 application/x-javascript
		 application/json
		 application/font-woff
		 application/font-tff
		 application/octet-stream;

curl -I -H 'Accept-Encoding: gzip,deflate' **URL**

「GZIP圧縮確認ツール」というサイトでも確認が出来る。

「GZIP圧縮確認ツール」での確認結果。約70％圧縮されている。

サイトのトップページでの評価スコア。「14」ポイントと少し上がった。

ラボデータの値。速度インデックス「▲」の赤色以外、すべての項目ががオレンジの「■」になった。

改善できる項目。「テキスト圧縮の有効化」がオレンジの「■」になった。

「評価スコア」の比較。「5」ポイント改善される。

「ラボデータの値」の比較。First Paint が「4.4秒」から「1.4秒」になった。

「改善できる項目」の比較。テキスト圧縮の有効化が、「2.2s」から「0.67s」になった。