为自己的网站安装Nginx ngx_pagespeed加速模块,加速网站的打开速度

为自己的网站安装Nginx ngx_pagespeed加速模块,加速网站的打开速度

  • 最近更新2015年01月27日

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

作为Nginx组件,ngx_pagespeed将重写你的网页,让用户以更快的速度进行访问。重写的工作包括压缩图片、缩减CSS和JavaScript、扩展缓存时间,同样还包括其它一些最佳实践

  • 优化缓存——整合应用程序的数据和逻辑
  • 最小化round-trip次数——削减连续的请求/响应周期数
  • 最小化请求开销——削减上传大小
  • 最小化负载大小——削减响应、下载及缓存页面大小
  • 优化浏览器渲染——改善浏览器页面布局
  • 移动方面的优化——优化站点移动网络和设备方面的相关特性

说的其实已经很详细了,其实这些都是优化网站细节方面的,既然这么好的功能,我们当然可以给自己的网站使用来为自己的网站加速了。

因为小舞的配置很低,所以采用lnmp的架构,感觉到这个架构是非常优秀的,而且占用内存小,运行快,负载高。

这里就说下nginx下的安装方式。

  • 分两种方式:

RedHat, CentOS和Fedora执行以下命令:

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

Debian和Ubuntu执行:

  1. sudo apt-get install build-essential zlib1g-dev libpcre3 libpcre3-dev

下载ngx_pagespeed,并解压。

  1. cd ~
  2. wget https://github.com/pagespeed/ngx_pagespeed/archive/release-1.5.27.3-beta.zip
  3. unzip release-1.5.27.3-beta
  4. cd ngx_pagespeed-release-1.5.27.3-beta/
  5. tar -xzvf 1.5.27.3.tar.gz
  • 执行以下命令配置nginx。
  1. wget http://nginx.org/download/nginx-1.4.1.tar.gz
  2. tar -xvzf nginx-1.4.1.tar.gz
  3. cd nginx-1.4.1/
  4. ./configure --add-module=$HOME/ngx_pagespeed-release-1.5.27.3-beta
  5. make
  6. sudo make install
  • 编辑nginx.conf。
  1. vi /usr/local/nginx/conf/nginx.conf
  • 在server中加入以下代码,保存。
  1. pagespeed on;
  2. pagespeed FileCachePath /var/ngx_pagespeed_cache;
  3. location ~ ".pagespeed.([a-z].)?[a-z]{2}.[^.]{10}.[^.]+" { add_header "" ""; }
  4. location ~ "^/ngx_pagespeed_static/" { }
  5. location ~ "^/ngx_pagespeed_beacon$" { }
  6. location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; }
  7. location /ngx_pagespeed_message { allow 127.0.0.1; deny all; }
  • 然后测试代码是否正确和重启nginx服务。
  1. /usr/local/nginx/sbin/nginx -t
  2. service nginx restart

1、想要知道自己是否已经正常安装和配置了Nginx ngx_pagespeed,执行以下命令,some_page改成你自己的。
2、如果显示X-Page-Speed: 1.5.27.3-...就表示加载成功了。
3、这时候查看网页的源代码,就能像上面的Apache mod_pagespeed一样,Html、JS、CSS、Cache等有明显优化了,具体效果请参考官方的演示。[scbutton link="http://ngxpagespeed.com/ngx_pagespeed_example/" target="blank" variation="green"]官方演示地址[/scbutton]

分享到 :
相关推荐

发表评论

登录... 后才能评论