NGINX 配置 Pagespeed 压缩网站静态资源

Pagespeed 是一个开源项目，该项目在 Github 的开源地址为：https://github.com/pagespeed/ngx_pagespeed

Pagespeed 能够压缩您站点上的静态资源（CSS、JS、图片等），从而加快用户的网页加载速度。

Pagespeed 支持 Apache、Nginx。

本文，我们以 Nginx 为例进行 Pagespeed 配置。分三个步骤：

1.安装GCC等依赖库

请按您的系统类型执行。

Redhat、CentOS、Fedora：

$ sudo yum install gcc-c++ pcre-dev pcre-devel zlib-devel make

Debian、Ubuntu：

$ sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev

2.下载 ngx_pagespeed

$ cd ~ # 回到用户目录
$ wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.8.31.4-beta.zip # 下载 ngx_pagespeed 源码包
$ unzip v1.8.31.4-beta.zip # 解压刚才下载的压缩包
$ cd ngx_pagespeed-1.8.31.4-beta/ # 切到解压目录
$ wget https://dl.google.com/dl/page-speed/psol/1.8.31.4.tar.gz # 下载PSOL
$ tar -xzvf 1.8.31.4.tar.gz # 解压PSOL

3.配置到 Nginx 中

$ cd ~ # 回到用户目录
$ wget http://nginx.org/download/nginx-1.6.0.tar.gz #下载 Nginx 源码包
$ tar -xvzf nginx-1.6.0.tar.gz #解压 Nginx 源码包
$ cd nginx-1.6.0/ # 切到解压目录
$ ./configure --add-module=$HOME/ngx_pagespeed-1.8.31.4-beta #添加 Nginx 模块：pagespeed
$ make # 编译 Nginx

下面请根据您的情况选择

1) 如果您是新安装 Nginx ，执行：

$ sudo make install

2) 如果您之前已经安装过 Nginx，执行(下面的 Nginx 目录请根据您的实际情况替换，如：/usr/bin/nginx )：

$ cp /usr/sbin/nginx /usr/sbin/nginx.bak # 备份 Nginx 文件，以防不测
$ cp objs/nginx /usr/sbin/

至此已经配置好 Pagespeed 模块到 Nginx 中，接下来为您的站点添加 Pagespeed 支持：

编辑 /usr/local/nginx/conf/nginx.conf （请根据实际情况选择目录与文件），在 server 块中添加：

pagespeed on;
pagespeed FileCachePath /var/ngx_pagespeed_cache;
location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }
location ~ "^/pagespeed_static/" { }
location ~ "^/ngx_pagespeed_beacon$" { }

需要注意的是，如果您有多个虚拟主机，需要将以上代码分别添加到各个主机的配置文件中去。

接着测试配置文件是否通过，下面的(下面的 Nginx 目录请根据您的实际情况替换，如：/usr/bin/nginx )：

$ sudo /usr/sbin/nginx -t # 测试配置文件

如果看到：

nginx:the configuration file /etc/nginx/nginx.conf syntax is ok
nginx:configuration file /etc/nginx/nginx.conf test is successful

即说明配置通过，否则执行升级代码：

$ sudo make upgrade

最后重启 Nginx 完成配置。

 

测试效果

查看源码，可以看到 CSS、JS 文件链接已经加上了后缀，JS代码也进行了压缩。

 

另外，通过 Chrome 的开发者工具（F12）也能看到被加上了 Pagespeed 的 header：

转载请注明：Jerry Locke's Blog » [教程]NGINX 配置 Pagespeed 压缩网站静态资源