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:
相关推荐
Nginx配置http转https以及https访问http静态资源.docx
nginx配置多个静态资源.docx
Nginx实现静态网站部署资源
1.查看80端口是否被占用,一般80端口多被apache服务占用。 netstat -anp|grep 80 2.修改apache服务的端口号 ...以上所述是小编给大家介绍的linux服务器上使用nginx访问本地静态资源的方法,希望对大家有所帮助!
nginx配置文件nginx.conf ,主要标记了nginx 的负载配置upstream,静态资源缓存,是否开启压缩
nginx转发,不同的端口号,不同的映射,以及静态资源的加载
docker nginx容器设置压缩字体和图片配置 图片,字体等文件压缩配置 docker-compose 配置
docker nginx静态网站示例,docker Dockerfile方式build docker镜像,启动nginx容器
nginx发布前端静态文件配置
让thinkphp3.1.3支持php7及nginx支持伪静态
Nginx安装配置PageSpeed模块实现网站加速.docx
nginx反向代理、负载均衡、缓存静态资源、URL重定向、读写分离.zip
里面 1.7.4 的nginx https 的配置 下载下来后 需要配置一下 nginx 的配置文件即可
Nginx配置文件 nginx.conf 详解doc文档
Nginx各种配置(包括负载均衡、静态代理、动静分离)
使用nginx代理oracle或者网站,实现地址的跳转以及网站的统一门户和负载均衡。
nginx配置+https
我用的是centos7宿主机nginx配置,之后会在另一台服务器尝试docker下的的nginx配置。 centos7下安装nginx可以参考这篇文章 ubuntu下安装nginx可以参考这篇文章 通过yum在宿主机安装好nginx并启动后,打开/etc/nginx...
nginx配置 nginx配置文件参考 nginx配置文件参考
网络上很难找到非常详细的...本文档通过真实的实践经验,从安装OpenSSL和Nginx,到利用openssl生成证书,配置nginx的https(包括配置http请求转发到https)等,详细总结出nginx配置https的步骤,最终能帮助你配置成功。