WordPress：ShortPixel 外掛 WebP Nginx 設定

網站只要有放圖，用Google Page Speed測試都會出現：提供 NEXT-GEN 格式的圖片。
這可透過ShortPixel外掛來處理，但Nginx也需要做些設定，在此記錄下。
注意： webp 不一定會比 jpg 小，如果圖本來就壓過很小了，轉無損 webp 可能會變大
參考來源：无损 WebP 正确的使用姿势

在 /etc/nginx/nginx.conf
http底下加入

map $http_accept $webp_suffix {
default "";
"~*webp" ".webp";
}

/conf.d/wordpress.conf
server底下加入

location ~* ^(/wp-content/.+)\.(png|jpe?g)$ {
expires 365d;
access_log off;
add_header Cache-Control "public";
set $base $1;
set $webp_uri $base$webp_suffix;
set $webp_old_uri $base.$2$webp_suffix;
set $root "/usr/share/nginx/website";
root $root;
add_header Vary Accept;
if ( !-f $root$webp_uri ) {
    add_header X_WebP_SP_Miss $root$webp_uri;
   }
try_files $webp_uri $webp_old_uri $uri =404;
}

重啟nginx、php-fpm 服務