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

100

下载PageSpeed编译源码

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 前面有个空格

编译安装

执行命令

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

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

验证安装

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

网站配置

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

    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编译使用教程 使用宝塔面板Nginx添加第三方Pagespeed 模块来提升WEB性能