宝塔面板宝完美安装 Nginx_Pagespeed模块

<div class="tip share">请注意，本文编写于 731 天前，最后修改于 425 天前，其中某些信息可能已经过时。</div>

## 下载PageSpeed编译源码

```shell
cd /root/
bash <(curl -f -L -sS https://ngxpagespeed.com/install)\
     --nginx-version latest

```

（偷懒，直接用谷歌给出的这条一键安装编译的PageSpeed命令下载编译所需的文件并部署所需环境，出现第一个需要你按回车的时候按CTRL + C停止，然后回来根目录即可看到下载完成的编译源码）

##修改宝塔官方nginx安装脚本
修改文件 /www/server/panel/install/nginx.sh 第205行左右，添加 ` --add-module=/root/incubator-pagespeed-ngx-latest-stable` 前面有个空格

## 编译安装

### 执行命令

```shell
cd /www/server/panel/install/
bash nginx.sh install 1.17
```

1.17为要安装的nginx版本号
编译安装完成会自动重启nginx

### 验证安装

`/www/server/nginx/sbin/nginx -V`

## 网站配置

将下面的命令粘贴于 网站-域名-配置文件- 域名下方 并保存 即可启用

```shell
    pagespeed on;

# 重置 http Vary 头
    pagespeed RespectVary on;

# html字符转小写
    pagespeed LowercaseHtmlNames on;

# 压缩带 Cache-Control: no-transform 标记的资源
    pagespeed DisableRewriteOnNoTransform off;

# 相对URL
    pagespeed PreserveUrlRelativity on;

pagespeed XHeaderValue "Powered By ifking.cn";

# 开启 https
    pagespeed FetchHttps enable;

# 配置服务器缓存位置和自动清除触发条件，缓存文件夹如果不存在则需要自行创建，建议放在内存中
    pagespeed FileCachePath "/tmp/cache/ngx_pagespeed/";
    pagespeed FileCacheSizeKb 2048000;
    pagespeed FileCacheCleanIntervalMs 43200000;
    pagespeed FileCacheInodeLimit 500000;

# 过滤规则
    pagespeed RewriteLevel PassThrough;

# 过滤WordPress的/wp-admin/目录(可选配置，可参考使用)
    pagespeed Disallow "*/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;

# 压缩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 EnableFilters extend_cache;

location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
    location ~ "^/ngx_pagespeed_static/" { }
    location ~ "^/ngx_pagespeed_beacon/" { }
    location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
    location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }
```

## 参考文章

[宝塔面板下nginx前端优化模块pagespeed编译使用教程][3]
[使用宝塔面板Nginx添加第三方Pagespeed 模块来提升WEB性能][4]

[3]: https://www.bt.cn/bbs/thread-12990-1-2.html
[4]: https://blog.csdn.net/u011630259/article/details/90796386

最后修改：2020 年 07 月 27 日 06 : 48 PM

赏包辣条吧

宝塔面板宝完美安装 Nginx_Pagespeed模块