使用 Nginx 和 mod_pagespeed 自動將圖片轉換為 WebP 並輸出

使用 Nginx 和 mod_pagespeed 自動將圖片轉換為 WebP 並輸出 編譯 ngx_pagespeed 首先確保 Nginx 有 --with-compat 編譯參數，這樣就不需要按照一些奇怪的教學讓大家從頭開始編譯 Nginx incubator: https://github.com/apache/incubator-pagespeed-ngx.git # 切換到 nginx 原始碼目錄下開始設定編譯環境 ./configure --with-compat --add-dynamic-module=../incubator-pagespeed-ngx # 編譯 modules make modules # 將編譯好的 module 放到 nginx 目錄下 sudo cp objs/ngx_pagespeed.so /etc/nginx/modules/ # 建立快取資料夾以存放自動轉換的圖片 sudo mkdir -p /var/ngx_pagespeed_cache sudo chown -R www-data:www-data /var/ngx_pagespeed_cache load_module modules/ngx_pagespeed.so; # 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; # 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$" { } pagespeed RewriteLevel CoreFilters; 其中最後一段（pagespeed RewriteLevel CoreFilters;）表示啟用的最佳化方式，包含一些基礎的最佳化，例如：