Centos系统配置Pagespeed压缩网站页面(css,js,html)

作者:简简单单 2014-06-26

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 # expands to psol/  # 解压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 完成配置。

相关文章

精彩推荐