Trong bài này tôi sẽ hướng dẫn bạn cấu hình webp Smush trên CloudPanel sử dụng NGINX
Sau khi cài Smush xong thì Smush sẽ cho bạn 1 rule này. Và nhiệm vụ là bạn cần phải đưa nó lên server.
# BEGIN SMUSH-WEBP
location ~* "wp-content\/(uploads\/)(.*\.(?:png|jpe?g))" {
add_header Vary Accept;
set $image_path $2;
if (-f "/home/quantrivps-demo/htdocs/demo.quantrivps.com/wp-content/smush-webp/disable_smush_webp") {
break;
}
if ($http_accept !~* "webp") {
break;
}
expires max;
try_files /wp-content/smush-webp/$image_path.webp $uri =404;
}
# END SMUSH-WEBP
Bạn đăng nhập vào CloudPanel chọn vào tên miền và chọn Vhost

Sau đó di chuyển xuống tìm dòng này và thêm vào
location / {
.......
.......
.......
.......
}
# BEGIN SMUSH-WEBP
# END SMUSH-WEBP

Và quay lại WordPress kiểm tra thì đã pass qua được bước này rồi nhé.
