網站只要有放圖,用Google Page Speed測試都會出現:提供 NEXT-GEN 格式的圖片。
這可透過ShortPixel外掛來處理,但Nginx也需要做些設定,在此記錄下。

/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/chenghong";
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服務