nginx fastcgi キャッシュによる サイトの高速化

②．fastcgi cache とは。

①．バーチャルホストが3つ設定されている。

user  nginx;
worker_processes auto;
worker_rlimit_nofile 100000;

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

events {
    worker_connections 1024;
    multi_accept on;
    use epoll;
}

http {
    server_tokens off;
    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    access_log off;
    keepalive_timeout 10;
    client_header_timeout 10;
    client_body_timeout 10;
    reset_timedout_connection on;
    send_timeout 10;
    limit_conn_zone $binary_remote_addr zone=addr:5m;
    limit_conn addr 100;

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

	##
	# SSL Perfect Forward Secrecy（PFS）を有効にする Settings
	##

	ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
	ssl_prefer_server_ciphers on;

	# 安全でない暗号化スイートはサポートしない
	# ssl_ciphers  'ECDH !aNULL !eNULL !SSLv2 !SSLv3';
	ssl_ciphers "EECDH+ECDSA+AESGCM EECDH+aRSA+AESGCM EECDH+ECDSA+SHA384 EECDH+ECDSA+SHA256 EECDH+aRSA+SHA384 EECDH+aRSA+SHA256 EECDH+aRSA+RC4 EECDH EDH+aRSA RC4 !aNULL !eNULL !LOW !3DES !MD5 !EXP !PSK !SRP !DSS !RC4";

	#HTTP Strict Transport Security --- HSTSの設定
	add_header Strict-Transport-Security 'max-age=31536000; includeSubDomains; preload';

    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;

    gzip  on;
    gzip_vary on;
    gzip_proxied any;
    gzip_min_length 1024;
    gzip_comp_level 6;
    gzip_types text/plain
		 text/xml
		 text/css
		 text/javascript
		 image/gif
		 image/png
		 image/jpeg
		 application/javascript
		 application/x-javascript
		 application/json
		 application/xml
		 application/xml+rss
		 application/font-woff
		 application/font-tff
		 application/octet-stream;

    open_file_cache max=100000 inactive=20s;
    open_file_cache_valid 30s;
    open_file_cache_min_uses 2;
    open_file_cache_errors on;

server_names_hash_bucket_size 128;

    proxy_buffering       on;
    fastcgi_buffer_size     8k;
    fastcgi_buffers         100 8k;
    fastcgi_temp_path       /var/cache/nginx/temp 1 2; 
    fastcgi_connect_timeout 60;
    fastcgi_read_timeout    90;
    fastcgi_send_timeout    60;
    fastcgi_cache_valid     200 2h;
    fastcgi_cache_valid     302 2h;
    fastcgi_cache_valid     301 4h;
    fastcgi_cache_valid     any 1m;

# fastcgi cache on arakan60.com
fastcgi_cache_path /var/cache/nginx/arakan60 levels=1:2 keys_zone=arakan60:30m max_size=512M inactive=600m;

# fastcgi cache on arakoki70.com
fastcgi_cache_path /var/cache/nginx/arakoki70 levels=1:2 keys_zone=arakoki70:30m max_size=512M inactive=600m;

# fastcgi cache on mydns.jp
fastcgi_cache_path /var/cache/nginx/mydns levels=1:2 keys_zone=mydns:30m max_size=512M inactive=600m;

fastcgi_cache_key "$scheme$request_method$host$request_uri";

# cache 404 or other
fastcgi_ignore_headers Cache-Control Expires Set-Cookie;

# return old cache if PHP crashes
fastcgi_cache_use_stale error timeout invalid_header http_500;

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

『levels』：cacheディレクトリの構成とフォルダに付ける名前の桁数を設定。

	location ~ \.php$ {
		fastcgi_split_path_info ^(.+\.php)(/.+)$;
		fastcgi_pass unix:/var/run/php/php7.3-fpm.sock;
		#fastcgi_pass 127.0.0.1:9000;
		fastcgi_index index.php;
		fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
		include fastcgi_params;

# 以下、fastcgi_cache 用に追加した項目

		set $do_not_cache 0;

		#  -- POST or HEAD ?
		if ($request_method != "GET") {
		set $do_not_cache 1;
		}

		#  -- Login or Comment or Post Editting ?
		if ($http_cookie ~ ^.*(comment_author_|wordpress_logged_in|wp-postpass_).*$) {
		set $do_not_cache 1;
		}

		fastcgi_cache arakoki70;
		fastcgi_cache_valid 200 60m;
		fastcgi_no_cache $do_not_cache;
		fastcgi_cache_bypass $do_not_cache;
		add_header X-F-Cache $upstream_cache_status;
	
	}

Google Chromeのデベロッパーツールを起動し、「Network」を選択する。

ページのリロードを行って、「Name」の中の先頭にあるページIDを選択する。

「Headers」を選択する。

「Response Headers」の最後にある、「X-F-Cache」の値を確認する。

”BYPASS”：キャッシュを返すかどうかの判定で、「返さない」になった場合。

”EXPIRED”：キャッシュが存在するが、期限切れの場合。

『PageSpeed Insights』の評価スコア：まだ「50」ポイントを越えない。

ラボデータ：First Paint の値が３秒以下になった。

改善できる項目：画像の次世代フォーマットでの配信だけになった。

対策以前からfastcgi キャッシュによる改善までの、『PageSpeed Insights』の評価スコアの変化。

Raspberry Pi nginx-wordpressでリバースプロキシを構築

Raspberry Pi Webサーバーの構築 Nginx リバースプロキシ サーバー 1つのグローバルIPで 複数の ドメイン別サーバーに振り分ける   これまで『Raspberry Pi』

2020-03-26

2023-02-25