こんにちは。CSチームの坂本です。

今回はNginxのproxy cacheを利用してWordPressを高速化したいと思います。

いままでの記事
Nginx + WordPress
Nginx + WordPress 「Gzip Precompression」モジュール篇

※EC2の環境、Nginx以外のMySQL、PHP、PHP-FPMの設定などは前回、前々回と同様です。

upstream backend {
server 127.0.0.1:8080;
}


server {
listen   80;
server_name  _;

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

location = /favicon.ico {
log_not_found off;
}

location /wordpress/wp-admin {
proxy_pass http://backend;
}

location /wordpress/wp-login.php {
proxy_pass http://backend;
}

location = /wordpress {
rewrite ^(.+)$  /wordpress/index.php;
}

location = /wordpress/wp-admin {
rewrite ^(.+)$  /wordpress/wp-admin/index.php;
}

location / {
proxy_pass http://backend;
proxy_no_cache $do_not_cache;
proxy_cache_bypass $do_not_cache;
proxy_cache zone1;
proxy_cache_key $scheme$proxy_host$uri$is_args$args;
proxy_cache_valid  200 1d;

if ($http_user_agent ~* '(DoCoMo|UP.Browser|SoftBank|WILLCOM|emobile|iPhone|iPod|Android.*Mobile)') {
set $do_not_cache 1;
}
}
}

server {
listen   8080;
server_name  _;

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

location / {
root   /usr/share/nginx/html;
index  index.php index.html index.htm;
}

location ~ .php$ {
root   html;
fastcgi_pass   127.0.0.1:9000;
fastcgi_index  index.php;
fastcgi_param  SCRIPT_FILENAME /usr/share/nginx/html/$fastcgi_script_name;
includefastcgi_params;
fastcgi_pass_header "X-Accel-Redirect";
fastcgi_pass_header "X-Accel-Expires";
}
}

5. 比較

前回までの構成のようなNginxをリバースプロキシとしてフロントエンドに置いていないサーバーと、今回のリバースプロキシでproxy cacheを利用している場合の速度を比較してみたいと思います。

ローカルの環境からabコマンドでベンチーマークの測定をした結果です。

※サーバーは両方ともEC2でZoneはap-southeast-1b、Typeはt1.microとなっています。

proxy cacheなし

すべてのリクエストが完了するのにかかった時間は約5.6秒でした。

Time taken for tests: 5.604812 seconds

ab -n 50 -c 5 http://ec2-XXX-XXX-XXX-60.ap-southeast-1.compute.amazonaws.com/wordpress/?p=1


Benchmarking ec2-XXX-XXX-XXX-60.ap-southeast-1.compute.amazonaws.com (be patient).....done

Server Software:nginx/1.0.15
Server Hostname:ec2-XXX-XXX-XXX-60.ap-southeast-1.compute.amazonaws.com
Server Port:80

Document Path:  /wordpress/?p=1
Document Length:6640 bytes

Concurrency Level:  5
Time taken for tests:   5.604812 seconds
Complete requests:  50
Failed requests:0
Write errors:   0
Total transferred:  344900 bytes
HTML transferred:   332000 bytes
Requests per second:8.92 [#/sec] (mean)
Time per request:   560.481 [ms] (mean)
Time per request:   112.096 [ms] (mean, across all concurrent requests)
Transfer rate:  59.95 [Kbytes/sec] received

proxy cacheあり

すべてのリクエストが完了するのにかかった時間は約1.2秒でした。

Time taken for tests: 1.284296 seconds

ab -n 50 -c 5 http://ec2-XXX-XXX-XXX-124.ap-southeast-1.compute.amazonaws.com/wordpress/?p=1


Benchmarking ec2-XXX-XXX-XXX-124.ap-southeast-1.compute.amazonaws.com (be patient).....done

Server Software:nginx/1.0.15
Server Hostname:ec2-XXX-XXX-XXX-124.ap-southeast-1.compute.amazonaws.com
Server Port:80

Document Path:  /wordpress/?p=1
Document Length:6703 bytes

Concurrency Level:  5
Time taken for tests:   1.284296 seconds
Complete requests:  50
Failed requests:0
Write errors:   0
Total transferred:  348200 bytes
HTML transferred:   335150 bytes
Requests per second:38.93 [#/sec] (mean)
Time per request:   128.430 [ms] (mean)
Time per request:   25.686 [ms] (mean, across all concurrent requests)
Transfer rate:  264.74 [Kbytes/sec] received

約5分の1の速度になりました。何回か計測し多少ばらつきはありましたが、proxy cacheを利用していないサーバーでは5秒以上かかるのに対し、proxy cacheを利用しているサーバーでは1～2秒で完了しました。

以上のようにproxy cacheを利用すると手っ取り早くWordPressを高速化することが可能です。

次回もNginx + WordPressで高速化する方法を検討してみたいと思います。