nginx pagespeed 모듈 설정

nginx pagespeed 모듈 설정이다. pagespeed 모듈을 포함한 deb 파일 생성은 이전 포스트를 참고한다.

mkdir -p /var/ngx_pagespeed_cache/chicpro.dev
chown www-data:www-data /var/ngx_pagespeed_cache/chicpro.dev/

위 처럼 cache 를 저장할 디렉토리를 생성하고 퍼미션을 변경해 준다.

# enable pagespeed module on this server block
pagespeed on;

# Needs to exist and be writable by nginx. Use tmpfs for best performance.
pagespeed FileCachePath /var/ngx_pagespeed_cache/chicpro.dev;
pagespeed XHeaderValue "Powered By Pagespeed";

pagespeed EnableFilters defer_javascript,insert_dns_prefetch,lazyload_images;

# Ensure requests for pagespeed optimized resources go to the pagespeed handler
# and no extraneous headers get set.
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" {
    add_header "" "";
}
location ~ "^/pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }

필터 관련 내용은 https://developers.google.com/speed/pagespeed/module/config_filters 를 참고한다. 설정 적용 후 service nginx reload 로 설정 파일을 리로드 한다. 사이트 접속 후 크롬 개발자 도구에서 아래와 같은 내용을 확인할 수 있다.

server: nginx
status: 200
strict-transport-security: max-age=31536000; preload
vary: Accept-Encoding
vary: Accept-Encoding, Cookie
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-page-speed: Powered By Pagespeed
x-xss-protection: 1; mode=block