Hello, please refer to this tutorial
https://www.aapanel.com/forum/d/2709-how-to-add-custom-modules-for-nginx-pagespeed
When installing nginx, use compile mode to install and add ngx_pagespeed
--add-module=/www/server/ngx_pagespeed+
cd /www/server
wget https://github.com/apache/incubator-pagespeed-ngx/archive/v1.13.35.2-stable.zip
unzip v1.13.35.2-stable.zip
rm v1.13.35.2-stable.zip
NPS_DIR=$(find . -name "*pagespeed-ngx-1.13.35.2-stable" -type d)
mv $NPS_DIR ngx_pagespeed
cd ngx_pagespeed
NPS_RELEASE_NUMBER=${1.13.35.2-stable/stable/}
PSPL_URL=https://dl.google.com/dl/page-speed/psol/${NPS_RELEASE_NUMBER}x64.tar.gz
[ -e scripts/format_binary_url.sh ]
PSPL_URL=$(scripts/format_binary_url.sh PSOL_BINARY_URL)
wget ${PSPL_URL}
tar -xzvf $(basename ${PSPL_URL})
rm $(basename ${PSPL_URL})
Enter the "Website", then click on the configuration file, and enter the configuration content into the location below the 'root'
pagespeed on;
pagespeed FileCachePath /tmp/ngx_pagespeed_cache;
#Disable CoreFilters
pagespeed RewriteLevel PassThrough;
#Enable compressed blank filter
pagespeed EnableFilters collapse_whitespace;
#Enable JavaScript library uninstallation
pagespeed EnableFilters canonicalize_javascript_libraries;
#Merge multiple CSS files into one CSS file
pagespeed EnableFilters combine_css;
#Merge multiple JavaScript files into one JavaScript file
pagespeed EnableFilters combine_javascript;
#Delete labels with default attributes
pagespeed EnableFilters elide_attributes;
#Improve the cacheability of resources
pagespeed EnableFilters extend_cache;
#Replace the @ import of the imported file and simplify the CSS file
pagespeed EnableFilters flatten_css_imports;
pagespeed CssFlattenMaxBytes 5120;
#Delay loading pictures invisible to the client
pagespeed EnableFilters lazyload_images;
#Enable JavaScript minification
pagespeed EnableFilters rewrite_javascript;
#Pre resolved DNS query
pagespeed EnableFilters insert_dns_prefetch;
#Rewrite CSS, first load the CSS rules for rendering pages
pagespeed EnableFilters prioritize_critical_css;
#Example Disable pagespeed processing/wp admin/directory (optional configuration, refer to)
pagespeed Disallow "*/wp-admin/*";
#######Image Processing Configuration########
#Delay loading pictures
pagespeed EnableFilters lazyload_images;
#Enable the image optimization mechanism (mainly inline_images, recompress_images, convert_to_webp_lossless (this command will convert PNG and static Gif images to webp), and resize_ images.)
pagespeed EnableFilters rewrite_images;
#combination convert_gif_to_png, convert_jpeg_to_progressive, convert_jpeg_to_webp, convert_png_to_jpeg, jpeg_subsampling, recompress_jpeg, recompress_png, recompress_webp, #strip_image_color_profile, and strip_image_meta_data.
pagespeed EnableFilters recompress_images;
#Convert JPEG pictures to webp format
pagespeed EnableFilters convert_jpeg_to_webp;
#Convert animated Gif pictures to animated webp format
pagespeed EnableFilters convert_to_webp_animated;
#Picture preload
pagespeed EnableFilters inline_preview_images;
#Mobile terminal image adaptive reset
pagespeed EnableFilters resize_mobile_images;
pagespeed EnableFilters responsive_images,resize_images;
pagespeed EnableFilters insert_image_dimensions;
pagespeed EnableFilters resize_rendered_image_dimensions;
pagespeed EnableFilters strip_image_meta_data;
pagespeed EnableFilters convert_jpeg_to_webp,convert_to_webp_lossless,convert_to_webp_animated;
pagespeed EnableFilters sprite_images;
pagespeed EnableFilters convert_png_to_jpeg,convert_jpeg_to_webp;
#Let the pictures quoted in JS also be optimized
pagespeed InPlaceResourceOptimization on;
pagespeed EnableFilters in_place_optimize_for_browser;
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/ngx_pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon" { }
For more configurations, please refer to
https://www.modpagespeed.com/doc/configuration
Save and restart nginx