Blog

Blog

PHODAL

Nginx SPDY Pagespeed模块编译——加速网站载入

在看《Web性能权威指南》的时候,看到了SPDY这货,于是便开始折腾起了这个了,也顺便把pagespeed加了进去。

Nginx SPDY

引自百科~~

SPDY(读作“SPeeDY”)是Google开发的基于TCP的应用层协议,用以最小化网络延迟,提升网络速度,优化用户的网络使用体验。SPDY并不是一种用于替代HTTP的协议,而是对HTTP协议的增强。新协议的功能包括数据流的多路复用、请求优先级以及HTTP报头压缩。谷歌表示,引入SPDY协议后,在实验室测试中页面加载速度比原先快64%。

在新版本的Nginx中默认是不开启SPDY的,所以我们需要重新编译我们的nginx。

编译Nginx

1.下载这个软件的源码包

wget http://nginx.org/download/nginx-1.7.4.tar.gz

2.解压软件包

tar -vf nginx-1.7.4.tar.gz

3.到nginx目录下

cd nginx-1.7.4

4.配置nginx

一次简单的配置如下

./configure --with-http_spdy_module --with-http_ssl_module

当你熟练以后,你可能和我一样用下面的配置(注意:用下面的代码会出错。)

./configure --user=www --group=www  --prefix=/usr/local/nginx --with-pcre --with-http_spdy_module --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-mail --with-mail_ssl_module --with-ipv6

过程中可能会提示你其中出了多少错误,而这时你便可以很愉快地去用搜索引擎搜索他们。

5.make

这里就会用到GCC等等。

make

6.运行

如果运行顺利的话,应该可以直接

./objs/nginx

Nginx Pagespeed

mod_pagespeed于2010年发布,让网站管理员可以为其Web应用提速,而不需要深度的性能优化造诣。mod_pagespeed最初版本只作为Apache的模块,并不兼容Nginx这个最流行并为许多大型站点所使用的高性能开源网络服务器。如今Nginx的PageSpeed Beta版终于发布,又名ngx_pagespeed。

编译的时候看到Pagespeed也更新了,于是顺便更新了Nginx Pagespeed模块。编译的时候发现里面的config文件有一部分是错的,于是便建了个pull request,只是Google的PR好麻烦,还要CLA。

先奉上脚本

./configure --user=www --group=www --add-module=../ngx_pagespeed-1.8.3.4-beta --prefix=/usr/local/nginx --with-pcre --with-http_spdy_module --with-http_ssl_module --with-http_realip_module --with-http_addition_module --with-http_sub_module --with-http_dav_module --with-http_flv_module --with-http_mp4_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_random_index_module --with-http_secure_link_module --with-http_stub_status_module --with-mail --with-mail_ssl_module --with-ipv6

Nginx Pagespeed编译

Google给出了一个脚本

1.下载ngx_pagespeed

cd
NPS_VERSION=1.8.31.4
wget https://github.com/pagespeed/ngx_pagespeed/archive/release-${NPS_VERSION}-beta.zip
unzip release-${NPS_VERSION}-beta.zip
cd ngx_pagespeed-release-${NPS_VERSION}-beta/
wget https://dl.google.com/dl/page-speed/psol/${NPS_VERSION}.tar.gz
tar -xzvf ${NPS_VERSION}.tar.gz  # extracts to psol/

2.编译nginx

cd
# check http://nginx.org/en/download.html for the latest version
NGINX_VERSION=1.6.0
wget http://nginx.org/download/nginx-${NGINX_VERSION}.tar.gz
tar -xvzf nginx-${NGINX_VERSION}.tar.gz
cd nginx-${NGINX_VERSION}/
./configure --add-module=$HOME/ngx_pagespeed-release-${NPS_VERSION}-beta
make
sudo make install

Nginx pagespeed配置

配置过程可以参考这篇文档https://developers.google.com/speed/pagespeed/module/configuration

配置SPDY NGX_PAGESPEED

一个简单的SPDY配置如下

server {
...
...
        listen 10.1.2.3:443 ssl spdy;
        server_name  yoursite.com;
...
...
...
}

SPDY需要HTTPS,HTTPS需要证书。

我的配置大致如下所示 http {

  pagespeed on;
  pagespeed Statistics on;
  pagespeed StatisticsLogging on;
  pagespeed FileCachePath /home/ngx_pagespeed_cache;  # Use tmpfs for best results.
  pagespeed EnableFilters combine_css,combine_javascript,canonicalize_javascript_libraries,collapse_whitespace,convert_meta_tags,dedup_inlined_images,flatten_css_imports,inline_import_to_link,inline_css,inline_javascript,rewrite_javascript,remove_comments,rewrite_css,rewrite_images,convert_gif_to_png,recompress_png,convert_jpeg_to_progressive,strip_image_color_profile,strip_image_meta_data,insert_image_dimensions,extend_cache,move_css_to_head,sprite_images;
  pagespeed PreserveUrlRelativity on;
  pagespeed RespectVary on;
  pagespeed XHeaderValue "Powered By Phodal";

  server
  {
    listen 443 ssl spdy;
    server_name www.phodal.com;
    ssl on;
    location / {

    }
  }

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806

新书《全栈应用开发:精益实践》

这不是一本深入前端、后台、运维、设计、分析等各个领域的书籍。本书以实践的方式,将这一系列的领域及理论知识结合到一起,来帮助读者构建全栈Web 开发的知识体系,并辅以精益及敏捷的思想,来一步步开发Web 应用:从创建一个UI 原型到编写出静态的前端页面;从静态的前端页面到带后台的应用,并部署应用;从Web 后台开发API 到开发移动Web 应用。在这个过程中,我们还将介绍一些相辅相成的步骤:使用构建系统来加速Web 应用的开发;为应用添加数据分析工具来改进产品;使用分析工具来改善应用的性能;通过自动化部署来加快上线流程;从而帮助读者开发出一个真正可用的全栈 Web 应用。同时,我们也将帮助读者把这些步骤应用到现有的系统上,改进现有系统的开发流程。

comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Developer, Consultant, Writer, Designer

ThoughtWorks 高级咨询师

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 与我沟通

标签