Nginx Rule Cho Plugin WebP Express

WebP Express là một plugin miễn phí dùng để chuyển hình ảnh trên website WordPress sang định dạng webp để có thể load trang nhanh hơn và tăng điểm số trên Google Page Speed.

Mặc định WebP Express hỗ trợ webserver Apache, nếu bạn chạy webserver NGINX thì cần thêm đoạn rule sau vào file vhost tương ứng để plugin có thể hoạt động tốt trên NGINX.

# WebP Express rules
# --------------------
location ~* ^/?wp-content/.*\.(png|jpe?g)$ {
  add_header Vary Accept;
  expires 365d;
  if ($http_accept !~* "webp"){
    break;
  }
  try_files
    /wp-content/webp-express/webp-images/doc-root/$uri.webp
    $uri.webp
    /wp-content/plugins/webp-express/wod/webp-on-demand.php?xsource=x$request_filename&wp-content=wp-content
    ;
}

# Route requests for non-existing webps to the converter
location ~* ^/?wp-content/.*\.(png|jpe?g)\.webp$ {
    try_files
      $uri
      /wp-content/plugins/webp-express/wod/webp-realizer.php?wp-content=wp-content
      ;
}
# ------------------- (WebP Express rules ends here)