NginxはHTML出力を自動縮小します


12

誰もがnginx(または他の方法)を取得してhtml出力をその場で縮小する方法を知っていますか?私には簡単そうに思えますが、数KB削ることができ、サイトの高速化に役立ちます。


3
この機能を備えた拡張機能はわかりませんが、それだけの価値はありますか?各リクエストにはCPUの影響があります。つまり、負荷が増加するにつれて、Webサイトでより多くのCPUが必要になります。送信前にテキストを圧縮するためにgzip拡張機能を既に使用しているため、すべての空白はそのプロセスの一部として削除されます。ファイルを事前にgzすることもできます。これにより、各リクエストのCPU時間を節約できます。
アンドリューテイラー

@AndrewTaylor、だからあなたは後でそれをキャッシュした方が良い理由です。
poige

回答:


2

Nginx向けのGoogle Pagespeedは、縮小化など、さまざまなことを行います。しかし、私がベンチマークを行ったとき、私のサイトはすでに十分に最適化されていたので、気にするほどの違いはありませんでした。まだ最適化されていないサイトでは、おそらく大きな違いが生じるでしょう。

Nginx / Pagespeedを動作させる方法に関するチュートリアルがここにあります。ソースからビルドする必要があります。リンク先のWebサイトは、その領域に触れた場合に更新される傾向があるため、以下の回答よりも最新のものである可能性があります。

cd /home/ec2-user
mkdir nginx-build
cd nginx-build
service nginx stop
yum groupinstall "Development Tools"
yum install pcre-devel zlib-devel openssl-devel
wget http://nginx.org/download/nginx-1.9.11.tar.gz
wget http://labs.frickle.com/files/ngx_cache_purge-2.3.tar.gz
wget https://github.com/openresty/headers-more-nginx-module/archive/v0.29.tar.gz
tar -xzf nginx-1.9.11.tar.gz
tar -xzf ngx_cache_purge-2.3.tar.gz
tar -xzf v0.29.tar.gz
tar -xzf 1.9.32.10.tar.gz    # Google Pagespeed, optional
ngx_version=1.9.32.10
wget https://github.com/pagespeed/ngx_pagespeed/archive/release-${ngx_version}-beta.zip   # Google Pagespeed, optional
cd ngx_pagespeed-release-1.9.32.10-beta   # Google Pagespeed, optional
wget https://dl.google.com/dl/page-speed/psol/${ngx_version}.tar.gz   # Google Pagespeed, optional
cd ../nginx-1.9.9
# Note that I have no idea what the next line does but it was in the official guide
PS_NGX_EXTRA_FLAGS="--with-cc=/opt/rh/devtoolset-2/root/usr/bin/gcc"
# Safe option, slower, lots of modules included
./configure --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --conf-path=/etc/nginx/nginx.conf --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid --lock-path=/var/run/nginx.lock --http-client-body-temp-path=/var/cache/nginx/client_temp --http-proxy-temp-path=/var/cache/nginx/proxy_temp --http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp --http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp --http-scgi-temp-path=/var/cache/nginx/scgi_temp --user=nginx --group=nginx --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-http_auth_request_module --with-threads --with-stream --with-stream_ssl_module --with-http_slice_module --with-mail --with-mail_ssl_module --with-file-aio --with-ipv6 --with-http_v2_module --with-cc-opt='-O2 -g -pipe -Wall -Wp,-D_FORTIFY_SOURCE=2 -fexceptions -fstack-protector --param=ssp-buffer-size=4 -m64 -mtune=generic' --add-module=/tmp/ngx_cache_purge-2.3 --add-module=/tmp/headers-more-nginx-module-0.29 --with-http_realip_module --add-modeule=../ngx_pagespeed-release-1.9.32.10-beta
make && make install
make clean  (NB: optional)
service nginx start

12

私の推奨事項:minifyを忘れてgzipモジュールを使用します。うまく機能し、同じ目標を達成します。しかし、もちろん、あなたはそれを行うことができます。特にこのトピックには、stripという名前のサードパーティモジュールがあります。


gzip構成の例:

# Context:  http, server, location

    gzip            on;
    gzip_min_length 1000;
    gzip_proxied    expired no-cache no-store private auth;
    gzip_types      text/plain application/xml;

2
良い発見。しかし、本番環境には見えないので、代わりにgzipを使用することをお勧めします-HTMLを縮小するよりもはるかに節約できます。
pjmorse

1
gzip_typesなどの追加を忘れないでくださいtext/html
ジェラルド

TLS / SSLでのHTMLページのgzip圧縮はBREACHに対して脆弱である可能性があることに注意してください
ナグリス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.