Install Upgrade Nginx PageSpeed optimise-images WebP with optimise-images.sh

you can't do that via a cronjob for instant conversion, you may need to use something like EWWW Image Optimizer Wordpress plugin

Also @ShawnH modified my optimise-images.sh script for Wordpress usage and outlined his process at https://community.centminmod.com/threads/optimise-images-modification-and-plugin.16851/ - haven't tried his version yet though, so try and see for yourself.

Official optimise-images.sh github repo has more cronjob examples for Unattended Subdirectory Runs in general sense. I also snuck in a not yet mentioned wp cron script too optimise-images-wpcron.sh which utilises the optimise-cron & optimise-cron-age mode for use in cronjob scheduled runs which removes the post-optimisation profile routine run to save time. The optimise-cron-age is based on outlined optimise-age mode which allows you to filter and limit profiling and optimisation of images by image timestamp age.

Snuck in as I ain't providing support for how to use it etc so just left it there for folks to fine and use if they know what to do from instructions/shell script code within the script and from Unattended Subdirectory Runs outlined example options.
.

 

maybe a topic for a separate thread in system admin forums https://community.centminmod.com/forums/system-administration.39/

 

WebP Express interesting indeed but seems to use .htaccess apache rewrite rules for conditional browser webp supported rewrites which nginx doesn't support .htaccess. But Centmin Mod Nginx in 123.09beta01 native can rewrite with instructions at https://centminmod.com/webp/. You'd have to used mingled destination folder mode though for Centmin Mod Nginx's webp to pick up the converted webp version



also centmin.sh menu option 22 installed wordpress wpsecure whitelisting is needed as php files can't be run in WebP Express doing conversion test = 403 no permission as per https://community.centminmod.com/threads/wordpress-403-permission-denied-errors.11215/



added whitelist exception in my test domain's (funky.domain.com) wpsecure include file /usr/local/nginx/conf/wpincludes/funky.domain.com/wpsecure_funky.domain.com.confright after the last whitelist exception location context

replace all references to funky.domain.com with your domain name

Code (Text):

# Whitelist Exception for webp-express
location ~ ^/wp-content/plugins/webp-express/ {
  include /usr/local/nginx/conf/php.conf;
  include /usr/local/nginx/conf/staticfiles.conf;
  # below include file needs to be manually created at that path and to be uncommented
  # by removing the hash # in front of below line to take effect. This wpwhitelist_common.conf
  # allows you to add commonly shared settings to all wp plugin location matches which
  # whitelist php processing access at /usr/local/nginx/conf/wpincludes/funky.domain.com/wpsecure_funky.domain.com.conf
  #include /usr/local/nginx/conf/wpincludes/funky.domain.com/wpwhitelist_common.conf;
}

then restart php-fpm service and now test conversions work. This wpsecure whitelisting allows you finer grain control over which wordpress plugins can run php code from /wp-content/plugins/yourpluginname directory.



test media image upload to see if it converts to webp file




nice

Code (Text):

find /home/nginx/domains/funky.domain.com/public/wp-content/uploads -type f -name "*.webp"
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-100x100.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-300x114.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-150x150.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-324x304.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-768x292.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01-416x158.png.webp
/home/nginx/domains/funky.domain.com/public/wp-content/uploads/2019/05/epyc2-cray-8180m-01.png.webp

all that is left is setup Centmin Mod Nginx's conditional .webp extension rewrite for browsers that support webp as per https://centminmod.com/webp/. Centmin Mod 123.09beta01 already has setup instructed /usr/local/nginx/conf/webp.conf include file in nginx.conf.

you can do that by editing wpsecure for your wordpress site i.e. for my funky.domain.com wordpress site would be at
/usr/local/nginx/conf/wpincludes/funky.domain.com/wpsecure_funky.domain.com.conf
and adding right after nginx-helper log blocking location context the following

Code (Text):

# webp extension support if you are converting /uploads images to webp
location ~ ^/wp-content/uploads/ {
  #pagespeed off;
  #pagespeed unplugged;
  #autoindex on;
  #add_header X-Robots-Tag "noindex, nofollow";
  location ~* ^/wp-content/uploads/(.+/)?(.+)\.(png|jpe?g)$ {
   expires 30d;
   add_header Vary "Accept";
   add_header Cache-Control "public, no-transform";
   try_files $uri$webp_extension $uri =404;
  }
}

so in wpsecure include file right after block nginx-helper log context

Code (Text):

# Block nginx-help log from public viewing
location ~* /wp-content/uploads/nginx-helper/ { deny all; }

# webp extension support if you are converting /uploads images to webp
location ~ ^/wp-content/uploads/ {
  #pagespeed off;
  #pagespeed unplugged;
  #autoindex on;
  #add_header X-Robots-Tag "noindex, nofollow";
  location ~* ^/wp-content/uploads/(.+/)?(.+)\.(png|jpe?g)$ {
    expires 30d;
    add_header Vary "Accept";
    add_header Cache-Control "public, no-transform";
    try_files $uri$webp_extension $uri =404;
  }
}

then restart nginx + php-fpm

Code (Text):

nprestart

inspecting Chrome devtools network tab



FYI, seems with Guttenberg editor in wordpress Centmin Mod Nginx's editing posts gives 403 permission denied for /wp-json requests, need to figure that out so for now installed and reverted to installing Classic Editor wordpress plugin

 

updated my previous post with the centmin.sh menu option 22 wordpress auto installer's wpsecure whitelisting syntax to allow WebP Express to work - probably add it to default whitelisted plugins in next 123.09beta01 update so folks don't need to whitelist it manually

 

FYI, moved webp express discussion to it's own thread in correct forum at https://community.centminmod.com/th...-wordpress-plugin-on-centmin-mod-nginx.17469/

 

no WebP Express isn't being installed by centmin.sh menu option 22, you have to manually install it still as outlined at https://community.centminmod.com/th...-wordpress-plugin-on-centmin-mod-nginx.17469/

WebP Express only converts new images uploaded to Wordpress.