在宝塔面板中安装的Nginx是不带Brotli与PageSpeed模块的，要启用这两个功能我们要对Nginx进行重新编译。
开始之前
确保Nginx在宝塔中的安装方式为编译安装。
此处有个小坑：在宝塔面板中编译安装Nginx时似乎仅有1.16版本是能顺利编译的。如果在安装其他版本时发现错误，将编译时提示错误的模块在安装脚本的Install_Configure()中删除即可。
步骤
安装BROTLI
转到/www/server目录下下载Brotli模块：
cd /www/server
git clone https://github.com/google/ngx_brotli.git查看安装的Nginx版本：
nginx -V可见当前版本为 1.16.1
将Brotli模块添加到宝塔生成的Nginx编译参数中：
编辑Nginx的安装脚本，路径为/www/server/panel/install/nginx.sh，在Install_Configure()中找到安装的Nginx版本号并在./configure之后添加--add-module=/www/server/ngx_brotli：
保存后在SSH中运行脚本重新编译安装Nginx：
sh /www/server/panel/install/nginx.sh install 1.16在install后根据自己的版本修改版本号
编译安装结束后再次查看Nginx的版本：
nginx -V含有Brotli模块即安装完成
启用 BROTLI
在宝塔面板的Nginx管理中修改配置：
在http段中添加内容：
brotli on;#启用
brotli_comp_level 10;#压缩等级 默认为6 最高11
brotli_min_length 512;#压缩的最小长度，仅压缩大于该长度的文件
brotli_types text/plain text/javascript text/css text/xml text/x-component application/javascript application/x-javascript application/xml application/json application/xhtml+xml application/rss+xml application/atom+xml application/x-font-ttf application/vnd.ms-fontobject image/svg+xml image/x-icon image/png font/opentype;#压缩类型
brotli_static always;#查找已预处理的压缩文件最后保存并重载配置即可。
打开浏览器检查一下，content-encoding中有br字段即开启成功
安装PAGESPEED
同样，先转到/www/server目录并从Github下载PageSpeed模块：
cd /www/server
wget https://github.com/apache/incubator-pagespeed-ngx/archive/v1.13.35.2-stable.tar.gz解压：
tar xzf incubator-pagespeed-ngx-1.13.35.2-stable.tar.gz这里还需要下载一个扩展库
先进目录：
cd incubator-pagespeed-ngx-1.13.35.2-stable下载psol：
wget https://dl.google.com/dl/page-speed/psol/1.13.35.2-x64.tar.gz注意：psol的版本应和PageSpeed的版本一致
解压：
tar xzf https://dl.google.com/dl/page-speed/psol/1.13.35.2-x64.tar.gz同样，编辑Nginx的安装脚本，添加PageSpeed模块：
在./configure之后添加--add-module=/www/server/incubator-pagespeed-ngx-1.13.35.2-stable
保存后在SSH中运行脚本重新编译安装Nginx：
sh /www/server/panel/install/nginx.sh install 1.16编译安装结束后再次查看Nginx的版本：
nginx -V含有PageSpeed模块即安装完成
启用 PAGESPEED
在需要开启PageSpeed的站点中修改配置文件，添加内容：
pagespeed on;#启用
pagespeed FileCachePath /tmp/cache/ngx_pagespeed_cache1;
pagespeed RewriteLevel PassThrough;
pagespeed EnableFilters rewrite_images;
pagespeed EnableFilters local_storage_cache;
pagespeed EnableFilters lazyload_images;
pagespeed EnableFilters insert_dns_prefetch;
pagespeed EnableFilters collapse_whitespace;
pagespeed EnableFilters rewrite_javascript;
pagespeed EnableFilters outline_javascript;
pagespeed EnableFilters extend_cache;
pagespeed EnableFilters remove_comments;
pagespeed EnableFilters rewrite_css;
pagespeed EnableFilters outline_css;
pagespeed EnableFilters rewrite_style_attributes;
pagespeed EnableFilters elide_attributes;
pagespeed Disallow “/wp-admin/“;#若为Wordpress站点则添加此项
#以下内容保留
location ~ “^/ngx_pagespeed_static/“ { }
location ~ “^/ngx_pagespeed_beacon$” { }
location ~ “.pagespeed.([a-z].)?[a-z]{2}.[^.]{10}.[^.]+” { add_header “” “”; }
location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }最后保存重载配置即可。
打开浏览器检查一下，在Elements中搜索pagespeed，有结果则开启成功：
PageSpeed的配置参数如下：
pagespeed on;
# 重置 http Vary 头
pagespeed RespectVary on;
# html字符转小写
pagespeed LowercaseHtmlNames on;
# 压缩带 Cache-Control: no-transform 标记的资源
pagespeed DisableRewriteOnNoTransform off;
# 相对URL
pagespeed PreserveUrlRelativity on;
# X-Header 值，用于判断是否生效
pagespeed XHeaderValue “Powered By VirCloud, LLC.”;
# 配置服务器缓存位置和自动清除触发条件（空间大小、时限）
pagespeed FileCachePath “/www/server/nginx/pagespeed_temp/“;
pagespeed FileCacheSizeKb 2048000;
pagespeed FileCacheCleanIntervalMs 43200000;
pagespeed FileCacheInodeLimit 500000;
# 过滤规则
pagespeed RewriteLevel PassThrough;
# 过滤 WordPress 的后台(可选配置，可参考使用)
pagespeed Disallow “/wp-admin/“;
pagespeed Disallow “/wp-login.php“;
# 移除不必要的url前缀，开启可能会导致某些自动加载功能失效
#pagespeed EnableFilters trim_urls;
# 移除 html 空白
pagespeed EnableFilters collapse_whitespace;
# 移除 html 注释
pagespeed EnableFilters remove_comments;
# DNS 预加载
pagespeed EnableFilters insert_dns_prefetch;
# 压缩CSS
pagespeed EnableFilters rewrite_css;
# 合并CSS
pagespeed EnableFilters combine_css;
# 重写CSS，优化加载渲染页面的CSS规则
pagespeed EnableFilters prioritize_critical_css;
# google字体直接写入html 目的是减少浏览器请求和DNS查询
pagespeed EnableFilters inline_google_font_css;
# 压缩js
pagespeed EnableFilters rewrite_javascript;
# 合并js
pagespeed EnableFilters combine_javascript;
# 优化内嵌样式属性
pagespeed EnableFilters rewrite_style_attributes;
# 压缩图片
pagespeed EnableFilters rewrite_images;
# 不加载显示区域以外的图片
pagespeed LazyloadImagesAfterOnload off;
# 图片预加载
pagespeed EnableFilters inline_preview_images;
# 移动端图片自适应重置
pagespeed EnableFilters resize_mobile_images;
# 图片延迟加载
pagespeed EnableFilters lazyload_images;
# 延迟加载替换图片，可以下载到本机然后替换引号里的链接
pagespeed LazyloadImagesBlankUrl “https://www.gstatic.com/psa/static/1.gif“;
# 雪碧图片，图标很多的时候很有用
pagespeed EnableFilters sprite_images;
# 扩展缓存 改善页面资源的可缓存性
pagespeed EnableFilters extend_cache;若PageSpeed与Brotli同时使用，则PageSpeed应关闭对CSS和JavaScript的重写与合并，否则Brotli不会生效，控制台显示为Gzip压缩