webp是早些年谷歌推行的一种新的图片格式，对比jpg，png等，它能在jpg，png这些的原尺寸大小下再次降低30%-50%大小。在当下，绝大多数的浏览器都已经支持该种格式，

nginx_pagespeed同样是谷歌发行的nginx模块，可以用来实现网站样式的压缩优化加速，以及实现图片的webp智能转换——智能判断浏览器是否支持webp，如果支持，则输出webp格式图片，否则，输出原图片格式。

此次，我们将在nginx，宝塔面板下，编译该模块。

开始阶段

下载nginx.sh

此文件由宝塔官方提供，包含了整个的安装步骤脚本，代码如下：

//CD 到nginx安装脚本目录
cd /www/server/panel/install
//下载安装脚本
wget http://download.bt.cn/install/0/nginx.sh

然后将原来的删除【或者改名】，将下载的这个nginx.sh.1改成nignx.sh【自动重命名了】

然后点进去找到这一行：

添加模块

 --add-module=${Setup_Path}/src/ngx-pagespeed

然后删除${ENABLE_NGX_PAGESPEED}，注意前后的空格和间距应当与先前保持一致

添加完成后的结果如下:

手残党可以直接直接复制黏贴：

	./configure --user=www --group=www --prefix=${Setup_Path} ${ENABLE_LUA} --add-module=${Setup_Path}/src/ngx-pagespeed --add-module=${Setup_Path}/src/ngx_cache_purge --add-module=${Setup_Path}/src/nginx-sticky-module --with-openssl=${Setup_Path}/src/openssl --with-pcre=pcre-${pcre_version} ${ENABLE_HTTP2} --with-http_stub_status_module --with-http_ssl_module --with-http_image_filter_module --with-http_gzip_static_module --with-http_gunzip_module --with-ipv6 --with-http_sub_module --with-http_flv_module --with-http_addition_module --with-http_realip_module --with-http_mp4_module --with-ld-opt="-Wl,-E" --with-cc-opt="-Wno-error" ${jemallocLD} ${ENABLE_WEBDAV} ${ADD_EXTENSION} ${i_make_args}
	make -j${cpuCore}
}

安装依赖

该模块对服务器环境有一定要求，如果低版本的系统不一定支持。通常情况下，我们只需要安装必要依赖即可：

建议将这个依赖放在宝塔应用目录里：

cd /www/server

RedHat, CentOS, or Fedora

sudo yum install gcc-c++ pcre-devel zlib-devel make unzip libuuid-devel

Ubuntu or Debian

sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev unzip uuid-dev

然后使用下面的命令正式安装编译该模块：

sh /www/server/panel/install/nginx.sh install Tengine2.2

后面的2.2是你要安装的Nginx版本，你可以根据需要选择安装哪个版本

安装完成后，将是:

然后输入：nginx-V，来查看是否有我们需要安装的pagespeed模块。

可以看到，已经安装完成了。

大部分情况，到这里你就已经完成了。如果过程中出现报错的情况，那么大概率是你服务器没有相关依赖导致。请安装依赖。

以下是nginx_speed模块的最基础的一个配置，包含了我们需要的功能：

  #开启
    pagespeed on;
    pagespeed FileCachePath /usr/local/openresty/ngx_pagespeed_cache;
    #重置过滤器
    pagespeed RewriteLevel PassThrough;
    #https协议需要添加此行
    pagespeed FetchHttps enable,allow_self_signed,allow_unknown_certificate_authority,allow_certificate_not_yet_valid;
    #开启图片过滤器
    pagespeed EnableFilters rewrite_images;
    #支持webp
    pagespeed EnableFilters convert_gif_to_png,convert_png_to_jpeg,convert_jpeg_to_webp;
    #关闭修改header缓存控制：cache-control。pagespeed默认会修改header的cache-control，将与设置的浏览器缓存功能冲出，需要关闭。
    pagespeed ModifyCachingHeaders off;

将此代码放置在网站设置的配置文件后面保存即可：