使用适用于NGINX Plus的Google PageSpeed动态模块优化网站

NGINX | 2017年3月03日

随着网页平均大小持续增长，全面优化网站的设计、开发和交付变得愈发重要，这有助于确保用户无论使用何种设备，都能获得良好体验。已有充分证据表明，页面加载时间会影响用户体验和收入。

Google PageSpeed 是一套用于衡量和优化网站性能的工具，数年来一直以第三方模块的形式提供，可编译到 NGINX Open Source 中。随着 NGINX Plus R11 引入动态模块，NGINX Plus用户现在也可以使用 PageSpeed。

将PageSpeed作为动态模块加载到NGINX Plus后，它会自动重写并优化网站上的资源。本博文将介绍如何构建和配置该动态模块。（请注意，PageSpeed属于第三方模块，不在NGINX Plus支持协议的涵盖范围内。）

将PageSpeed构建为NGINX Plus动态模块并加载

以下说明基于Google 手动安装说明，并针对与 NGINX Plus 的二进制兼容性进行了调整。（可以直接按照 Google 的说明构建适用于 NGINX Open Source 的动态模块。）

步骤 0：准备构建环境

强烈建议在单独的系统上编译动态模块，本文将该系统称为“构建环境”。这样可以最大限度地降低计划运行带有PageSpeed模块的NGINX Plus系统（本文称为“生产环境”）的风险和复杂性。构建环境必须与生产环境使用相同的操作系统及版本；此外，还必须安装以下组件：

UnZip实用工具
编译器和make实用程序
Perl 兼容正则表达式库（开发文件）
Zlib 压缩库（开发文件）

为确保构建环境已安装这些必备组件，请运行以下命令。

对于Ubuntu/Debian：

$ sudo apt-get install unzip gcc make libpcre3-dev zlib1g-dev

对于 CentOS/RHEL/Oracle Linux：

$ sudo yum install unzip gcc make pcre-devel zlib-devel

第1步：获取NGINX Open Source

在生产环境中运行以下命令，确定与当前运行的NGINX Plus版本对应的NGINX Open Source版本。该版本在输出中以橙色突出显示：NGINX 1.11.5，对应NGINX Plus R11。

$ nginx -vnginx version: nginx/1.11.5 (nginx-plus-r11)

在构建环境中，下载相应NGINX Open Source版本的源代码。

$ wget -qO - http://nginx.org/download/nginx-1.11.5.tar.gz | tar zxfv -

第 2 步：下载并准备 PageSpeed 源代码

在构建环境中执行以下步骤。

在发行说明中查找PageSpeed模块的最新版本号，或运行以下命令。

$ curl -sS https://modpagespeed.com/doc/release_notes | grep release_ | head -1 | sed -e "s/^.*release_([0-9.]*)-beta.*/1/"

PageSpeed版本号会在构建命令中多次使用，因此请将其设置为环境变量NPS_VERSION。版本字符串中仅包含数字部分，不要包含‑stable或‑beta后缀。

$ NPS_VERSION=numeric-part-of-version-string

按如下方式下载并解压源代码。请注意，这些命令应像脚本一样按顺序运行。

wget https://github.com/pagespeed/ngx_pagespeed/archive/v${NPS_VERSION}-beta.zip unzip v${NPS_VERSION}-beta.zip cd ngx_pagespeed-${NPS_VERSION}-beta/ psol_url=https://dl.google.com/dl/page-speed/psol/${NPS_VERSION}.tar.gz [ -e scripts/format_binary_url.sh ] && psol_url=$(scripts/format_binary_url.sh PSOL_BINARY_URL) wget ${psol_url} tar -xzvf $(basename ${psol_url}) # extracts to psol/

第3步：编译PageSpeed动态模块

在构建环境中编译PageSpeed动态模块。首先，使用configure脚本并指定--with-compat参数，使动态模块与NGINX Plus保持二进制兼容。然后运行make modules，仅编译该模块。

$ cd ../nginx-1.11.5$ ./configure --add-dynamic-module=../ngx_pagespeed-${NPS_VERSION}-beta --with-compat
$ make modules

构建过程生成的动态模块为objs/ngx_pagespeed.so。将构建环境中的.so文件复制到生产环境的模块目录/etc/nginx/modules中。建议在复制文件时将其重命名，使文件名包含NGINX Open Source版本号（后续步骤也以此为前提），例如ngx_pagespeed_1.11.5.so。
在生产环境中，在包含版本号的文件名与通用（原始）文件名之间创建符号链接。

$ cd /etc/nginx/modules$ sudo ln -s ngx_pagespeed_1.11.5.so ngx_pagespeed.so
$ ls -gG
-rw-r--r-- 1 11924784 Feb  6 11:52 ngx_pagespeed_1.11.5.so
lrwxrwxrwx 1       23 Feb  6 11:52 ngx_pagespeed.so -> ngx_pagespeed_1.11.5.so

第4步：加载PageSpeed动态模块

请在生产环境中执行以下步骤。

添加load_module指令，将PageSpeed作为动态模块加载。该指令必须位于nginx.conf配置文件的顶层（“main”）上下文中（即不能位于http或stream上下文中）。

load_module modules/ngx_pagespeed.so;

PageSpeed本身在http上下文中配置，因此请将这些指令放入名为pagespeed.conf的新配置文件中，该文件位于/etc/nginx/conf.d目录下。PageSpeed将针对proxy_pass指令中指定的网站启用，此处为http://www.example.com。

pagespeed MessageBufferSize 10240;
pagespeed FileCachePath /var/ngx_pagespeed_cache;

server {
    listen 80;
    location / {
        proxy_pass http://www.example.com; 
    }
    pagespeed on;
}